自作のChrome拡張の導入を試してみた

Chrome拡張を自分で一回作ってみたいと思っていたので試して見みました。

developer.chrome.com

構成

manifest.jsonと対象のjsやimgファイルで作ることが可能になってます。

{
  "name": "Sample",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "Sample Chrome Extension",
  "permissions": [
    "tabs",
    "background",
    "http://*/*",
    "https://*/*"
  ],
  "content_scripts": [{
    "matches": ["*://*/*"],
    "js": [
      "js/script.js"
    ]
  }]
}

(function () {

alert("sample")

})();

設定

1. 設定
2. 拡張機能
3. 「パッケージされていない拡張機能を読み込む」
4. 作成したディレクトリを指定
5. 拡張機能が表示され完了

動作確認

拡張にいれると、どんなページでもalertがでるウイルスみたいな動きをします。いれた後に削除してください。

まず動作させることができたので、時間をみつけて適当な機能を作っていきたいと思います。