derax’s blog

小寺さんのエンジニア備忘録

chrome拡張機能をつくってみた

某サイトが見にくかったので、

不要な広告や掲載情報を非表示にするスクリプトを組んでみた

 

☆やったこと☆

  1. フォルダを新規作成(ここではtest-addonとする)
  2. フォルダ内にmanifest.jsonを作成
  3. jqueryファイルを同フォルダ内に配置
  4. 実行するスクリプト(jsファイル)を同フォルダ内に作成

manifest.jsonのサンプル

{
"name": "hogeViewer",
"version": "1.0",
"manifest_version": 2,
"description": "Chrome",
"content_scripts": [
{
"matches": ["http://*/*"],
"js": ["jquery-2.1.4.min.js", "viewer.js"],
"run_at": "document_idle"
}
]
}

 

結構簡単にできたので、今後何かに応用したい

 

参考:

Google Chrome Extensionを作ってみた | Developers.IO