読者です 読者をやめる 読者になる 読者になる

特定のurlの時にjsを実行させるchromeエクステンション

f:id:kytiken:20111113195701p:image
http://www.pixiv.net/bookmark_add.php?type=illust&illust_id=hoge

この画面のブックマークを追加ボタンを自動でクリックするJSを書いた

こうだ


pixadd.js

document.getElementsByName("submit")[0].click()

これを"http://www.pixiv.net/bookmark_add.php?type=illust&illust_id=hoge"のurlの時に実行してくれるエクステンションを作ろうと思う

まず適当な作業用フォルダを作る
そのフォルダの中にさっきつくった"pixadd.js"ファイルを置き、"manifest.json"というファイルを作る

manifest.json

{
  "name": "hoge",
  "version": "1.0",
  "description": "The first extension that I made.",
  "content_scripts": [
    {
      "matches": ["http://www.pixiv.net/bookmark_add.php?type=illust&illust_id=*"],
      "js": ["pixadd.js"]
    }
  ]
}

あとは拡張機能の設定をデベロッパーモードで開き
パッケージ化されていない拡張機能を読み込むをクリックし
さっきのフォルダを選択します
これで完成

詳しくは公式ドキュメントページへ
http://code.google.com/chrome/extensions/docs.html

俺得なgithub URL
https://github.com/kytiken/pixadd