ブックマークレットをChrome拡張機能にしたい

Question

ブックマークレットをchrome閣僚機能にしたいと思っています。
以下のサイトを参考に作ってみたのですがjqueryが実行できなくて困っています

https://takatamajp.wordpress.com/2013/12/23/chrome_extension_for_executing_bookmarklet/

{
    "manifest_version": 2,
    "name": "Name of this extension",
    "version": "0.1", // 新しい拡張を公開するたびに上げていく
    "description": "Description of this extension",
    "icons": {
        "128": "icon128.png" // chrome://extensions に表示されるアイコン。128x128
    },
    "page_action": {
        "default_icon": "icon128.png", // アドレスバーに表示されるアイコン。19x19, 38x38 を準備しておくべき？
        "default_title": "Tooltip for the page action icon"
    },
    "permissions": [
        "tabs",
        "https://www.google.com/maps/preview" // スクリプトを実行したいURLを記載していく
    ],
    "background": {
         "scripts": ["background.js"]
  }
}

上の

"background": {
         "scripts": ["background.js"]
  }

background.jsの部分をjqueryで実行したいのですがどうすればどうすればいいでしょうか？

Answer 1

jquery.jsをDLしてbackground.jsと同じ場所に配置し、普通にこう書けばいいだけのような気がするのですが。scriptsの値が配列になっているのは複数のJSファイルを指定するためです。

"background": {
    "scripts": ["background.js", "jquery.js"]
}

もしくは以下のようにして、HTMLファイルを読み込み、普通のHTML内にSCRIPTタグを書き複数のJSファイルを呼ぶ方法もあります。

"background": {
	"page": "background.html"
},

ですがこちらはクリップボードを操作したいときなどすこし特殊な用途で主に使います。特殊な意図がなくとも使えますが。通常は前者で十分だと思います。

Answer 2

このあたりの情報でできそうな気がします。

【javascript - Google Chrome Extensions: How to include jQuery in programatically injected content script? - Stack Overflow】
http://stackoverflow.com/questions/4698118/google-chrome-extensions-how-to-include-jquery-in-programatically-injected-cont

chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
    chrome.tabs.executeScript(null, { file: "content.js" });
});

【いまさらまとめるChrome ExtensionでのJavaScript挿入 - console.lealog();】
http://lealog.hateblo.jp/entry/2013/01/29/004617

【Injecting content with chrome extension - Krzysztof Kaczor's homepage】
http://kaczor.io/articles/injecting-content-with-chrome-extension/