jQueryがChrome拡張機能で動作しない

Question

このコードは別の質問で私に提供されましたが、私は尋ねましたが、最初は間違いがあります。ここでは、問題の原因となったコードの一部です：

// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js 
// @require  https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js 
// @resource jqUI_CSS http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css 
// ==/UserScript== 

var cssResource = GM_getResourceText("jqUI_CSS"); 
GM_addStyle(cssResource); 

$("#pickMe").datepicker(); 

私が得る最初のエラーは、私はそれをコメントアウトした場合

「をGM_getResourceTextが定義されていない」で、次の行は、次のエラー私は、取得は "uncaught referenceerror $は定義されていません。"そして、私は最後の行でそれを取得します。

スクリプトはGoogleからjQueryを取得していないようです。

アイデア？ありがとう！

Answer 1

Chromeでは、「Userscripts」は拡張機能です。外部ライブラリを使用する最も簡単な方法は、コードをmanifest fileで設定することです。

jquery.min.jsjquery-ui.min.jsjquery-ui.cssをダウンロードして、同じディレクトリに配置します。 画像（CSS）のパスを解決するには、url(...)のすべての出現をurl(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/...)に置き換えてください。

manifest.jsonファイルを作成し、以下の内容を追加します。

{ 
    "name": "Name of your extension.", 
    "version": "1.0", 
    "manifest_version": 2, 
    "content_scripts": [{ 
     "js": [ 
       "jquery.min.js", 
       "jquery-ui.min.js", 
       "mycode.js" 
       ], 
     "css": [ "jquery-ui.css" ], 
     "matches": [ "http://similarto-at-include-in-greasemonkey.com/*" ], 
     "run_at": "document_end" 
    }] 
} 

はmycode.jsというファイル（または任意の名前）を作成し、以下の内容を追加します。

$("#pickMe").datepicker(); 

あなたは読み込むことができます拡張機能をchrome://extensions/、開発者モードでパックすることができます。