【Chromeアドオン】自分独自のちょっとしたアドオン作る

いつも見ているサイトでちょっとだけ独自のスクリプトを走らせたいときがありました。

そのメモ。

まず、どこかにフォルダを作って、content.jsとmanifest.jsonを作成します。

■content.js

window.onload = function () {
    setTimeout(Process, 5000);
};

function Process() {
    var kaisetsuElem = document.getElementsByClassName('{abcabc}');
    kaisetsuElem[0].style.backgroundColor = '#fffff0';
}

■manifest.json

{
  "name": "StyleEraser",
  "version": "1.0.0",
  "manifest_version": 3,
  "content_scripts": [{
    "matches": ["https://{xyzxyz}/*"],
    "js": ["content.js"]
  }]
}

次にGoogle Chromeの拡張機能を管理をクリックします。

パッケージ化されていない拡張機能を読み込むをクリックします。

以上！