Chrome拡張機能 - Document.getelementbyId（...）がnullに評価されていますか？

Question

コンソールでは、document.getElementById（ '...'）を入力して値を取得できます。または.textContentさえ、私​​が望む文字列を取得します。

これを私のクロムエクステンションにポップアップして実行すると、document.getElementById（ '...'）をnullとして評価します。どうしたの？

manifest.jsonを：

{ 
    "name": "CSUF RMP", 
    "version": "0.1", 
    "manifest_version" : 2, 
    "description": "Displays professor ratings on icon click", 
    "background" : { 
    "scripts" : ["background.js"] 

    }, 
    "browser_action": { 
    "default_icon": "icon16.png" 
    }, 

    "content_scripts": [ 
     { 
      "matches": ["https://mycsuf.fullerton.edu/*"], 
      "js": ["script.js"] 

     } 
    ], 

    "permissions": ["<all_urls>", "*://*/*", "http://*/*", "https://*/*"] 
} 

Background.js：

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.executeScript(null, {file: "script.js"}); 
}); 

私script.jsは私が一番上に掲載するもの文字通りです。スクリプトはウェブページのDOMにアクセスする必要があるため（コンテンツスクリプトが必要です）、アイコン（したがって、background.js）をクリックして実行します。

私はページを実行してアラートを表示できますその行はページのDOMを評価していません。ただnullです。

Answer 1

私はあなただけで、通常のスクリプトのようscript.jsを実行している、通常のスクリプトがページDOMと対話することはできません

、私はここでの問題が何であるかを知っていると思う、あなただけのようにそれについて考えることができますファイルからスクリプトを実行すると、コンテンツスクリプトの権限はそのようにはありません。

あなたができることは、（コンテンツスクリプトのURLを使って）新しいタブを開き、その新しいタブのコンテンツスクリプトに特定の機能を実行するように指示するメッセージを渡すことです。

あなたが好きなものにコンテンツスクリプトのonloadイベントを設定することにより、メッセージ送信使用せずに、それをテストすることができます：onload=alert(document.getElementById('...'));と背景ページから新しいタブを開くよりもを：chrome.tabs.create({"url":"https://mycsuf.fullerton.edu"});

は、それが:)

をどのようになる教えてください

編集：新しいタブを開いてその内容をテストするには、マニフェストファイルに 'tabs'権限が必要であることを忘れてしまいました。