Google Chromeのエクステンションの開発

Question

私は、Google Chromeの私の最初の拡張機能を開発しようとしていますし、私はこのチュートリアルを次のです：Tutorial すべてがcontent.jsのコードの2行を除いて素晴らしい取り組んでいる 問題は」の内容ということですcontent.js "が正しくないため、2行目のクロムコンソールに「未定義」と表示されています。 誰かが私を助けてくれますか？ 私は私を助けるためにあなたとcontent.jsの内容を共有します。

content.js内容：

var firstHref = $("a[href^='http']").eq(0).attr("href"); 
console.log(firstHref); 

マニフェスト/ JSONファイルの内容：コンテンツのスクリプトは文書全体の前にロードされ

{ 
"manifest_version": 2, 
"name": "My Cool Extension", 
"version": "0.2", 
"icons": { "128": "icon_128.png" }, 
"background": { 
"scripts": ["background.js"] 
}, 
"content_scripts": [ 
{ 
    "matches": [ 
    "<all_urls>" 
    ], 
    "js": ["jquery-2.1.3.min.js", "content.js"] 
} 
], 
"browser_action": { 
"default_icon": "icon.png" 
}, 
"permissions": [ 
"tabs" 
] 
} 

Answer 1

私が推測するには、それがundefinedを戻した理由loaded.Thatだです。

が

"content_scripts": [ 
     { 
      "matches": ["<all_urls>"], 
      "js": ["content.js"], 
      "run_at": "document_end", 
      "all_frames": true 
     } 
    ], 

詳細はContent Scripts parametersを確認してください： は、ファイルにmanifest.json 例「run_at」を定義する必要があり、あなたのコンテンツのスクリプトがで適切に注入されていることを確認します。