2014/03/08

[chrome extensions]backgroundで複数のscriptをロードする

以下のようなmanifest.jsonがあるとする。

{
  "manifest_version": 2,
  "name":"hoge",
  "version":"0.1",
  "icons":{
    "16":"images/icon_16.png",
    "48":"images/icon_48.png",
    "128":"images/icon_128.png"
  },
  "browser_action": {
    "default_icon": "images/icon_19.png"
  },
  "background": {
    "scripts": ["eventPage.js"],
    "persistent": false
  },
  "permissions": [
    "tabs"
  ]
}
そこで、eventPage.jsにjQueryを使いたい場合は、どうすればいいだろうか?

How to use jquery in google chrome extension page action background.js?
によると、
"background": { "scripts": ["jquery.js","background.js"] },
みたいにすればいいことがわかる。
つまり、こう。
{
  "manifest_version": 2,
  "name":"hoge",
  "version":"0.1",
  "icons":{
    "16":"images/icon_16.png",
    "48":"images/icon_48.png",
    "128":"images/icon_128.png"
  },
  "browser_action": {
    "default_icon": "images/icon_19.png"
  },
  "background": {
    "scripts": ["jquery.js","eventPage.js"],
    "persistent": false
  },
  "permissions": [
    "tabs"
  ]
}

確かに試したらjQueryがロードされていた。

今回は、ローカルのjQueryだったんだけど、リモートのjsもインクルードできるのかなー??

0 コメント:

コメントを投稿