コンテンツスクリプトとChrome拡張機能でjQueryを使用する

Question

ユーザーがページ上のテキストをハイライト表示するときに小さな入力をポップアップするクロム拡張を作成しようとしています（テキストのハイライト機能のMediumのツイートに似ています）。

私は進歩していますが、（バニラJSとXHRではなく）jQueryを使うほうがずっと簡単です。

マニフェストでjQueryを必要とする記事をいくつか見てきましたが、私はこれをさまざまな方法で試してみました。

私はマニフェスト（下）、contentscript.js、およびdropdown.js（ページに挿入したいファイル）を持っています。

{ 
    "name": "na", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "na", 
    "homepage_url": "na", 
    "content_scripts": [{ 
     "js": ["jquery.js", "contentscript.js"], 
     "matches": ["https://github.com/*"] 
    }], 
    "web_accessible_resources": ["jquery.js","dropdown.js"] 
} 

ご協力いただければ幸いです。

Answer 1

メインフォルダにjquery.jsがあると仮定すると、マニフェストの書き方はうまくいくはずです。私はあなたがメインフォルダにjQueryファイルを持っていないか（たぶんそれがスクリプトフォルダにあり、その場合はフォルダの場所を参照する必要があります：scripts/jquery.jsなど）、または名前が間違っているおそらくそれはjquery.min.jsです）。あなたはjQueryのダウンロード持っていない場合、私はあなたのマニフェストにGoogle hosted libraryを参照推薦

（同じ場所にあなたが現在それが示されてい）

{ 
    "name": "na", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "na", 
    "homepage_url": "na", 
    "content_scripts": [{ 
     "js": ["https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js", "contentscript.js"], 
     "matches": ["https://github.com/*"] 
    }], 
    "web_accessible_resources": ["dropdown.js"] 
}