Chrome拡張機能 - URLが変更されたときにページに追加する

Question

ドメインのURL変更をリッスンするクロム拡張機能を使用していて、URLがパターンと一致するときにDOMにHTMLを追加します。

私はそうmanifest.jsonを次のようになります。

{ 
    "name": "Append to DOM", 
    "description": "Testing", 
    "version": "1", 
    "manifest_version": 2, 
    "content_scripts": [ 
     { 
      "matches": [ 
       "http://www.somedomain.com/*" 
      ], 
      "js": [ 
       "content.js" 
      ] 
     } 
    ], 
    "permissions": ["tabs", "activeTab"] 
} 

とcontent.jsはそうのようになります。

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
    if (changeInfo.url == 'http://www.somedomain.com/matching-pattern') { 
     var myDiv = document.createElement("div"); 
     myDiv.innerHTML = 'SAMPLE HTML'; 
     document.body.appendChild(myDiv); 
    } 
}); 

しかし、リスナーが起動しない（とdiv要素が追加されていません） URLが更新されます。

何か助けていただければ幸いです。

Answer 1

コンテンツのスクリプトは、あなたがコンテンツのスクリプトで常に働く最も安いソリューションをURLの変更を処理するために、バックグラウンドスクリプト

にchrome.tabsを使用することができますchrome.tabs へのアクセス権を持っていない - 使用setInterval

var prevURL = ''; 
setInterval(function() { 
    if (document.location.href != prevURL) { 
     // do something 
     prevURL = document.location.href; 
    } 
}, 1000);