クローム拡張いくつかの定義済みのURL

Question

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) { 
    if (changeInfo.status == 'complete' && tab.active) { 
    chrome.tabs.query({active: true,lastFocusedWindow: true}, function(tabs) { 
    var tab = tabs[0]; 
    if(tab.url.indexOf("local")>-1){ 
     function(tab){ 
     alert("Test"); 
     chrome.tabs.executeScript(null,{code:"document.body.style.backgroundColor='yellow'"}); 
     console.log("injected"); 
    } 
} 
     } 

    } 
}); 

にコードを挿入するためにこれはmanifest.jsonを次のとおりです。

{ 
    "manifest_version": 2, 
    "name": "Environment Locator", 
    "description": "My Extension", 
    "version": "1.0", 

    "permissions": [ 
    "tabs" 
     ], 

    "background": { 
    "scripts": ["background.js"] , 
    "persistent": false 
    } 
} 

私はそのURLにいくつかの定義済みの文字列を含むページへのChromeの拡張機能を使用して、いくつかのjsのコードを挿入します。 1.このコードをすべてのページに表示します。タブが更新されると、URLを再度確認する必要があります。 2.ユーザーのクリックなしで内線番号が実行されます。いいえポップアップ。

Answer 1

コンテンツスクリプトが背景ページのスクリプト内に注入された場合には、マニフェストの"permissions"は、すべてのサポートされているURLの注入を可能にするために、allowed urls、または"<all_urls>"が含まれている必要があります。バックグラウンドページを使って拡張機能を開発する場合は、the background page debuggerを使用する必要があります。この場合、すぐに不足しているアクセス権に関するエラーが表示されます。

また、変更する唯一のものがCSSスタイルの場合、背景ページはまったく必要ありません。

"content_scripts": [{ 
    "matches": ["*://*/*local*"], 
    "css": ["style.css"], 
    "run_at": "document_start" 
}], 

とのstyle.css：
は、URLのパス部分で*local*とページ上で実行されますmanifest.jsonをしてcontent scriptを宣言

body { 
    background-color: yellow !important; 
}