ウェブページに iframe があって複数挿入されてしまう場合の対処 [Chrome Extensions を作ってみる：第九回]

Safari Extensions の場合 と同じように、読み込んだウェブページに iframe があった場合に、iframe 内の html 以下にも挿入されてしまう。

そこで、同じように content_scripts と background_page の url のやり取りで解消する。

★content_scripts

chrome.extension.sendRequest({action: "getURLofTab",}, function(rcv) {
  if (location.href == rcv) // 次の処理
});

★background_page 内の Javascript

function chkURL(req, sender, callback) {
  chrome.windows.getCurrent(function(w) {
    chrome.tabs.getSelected(w.id, function(t) {
      callback(t.url);
    });
  });
}
chrome.extension.onRequest.addListener(chkURL);

これも、manifest.json 内にタブを操作する記述を加えないといけない。

★manifest.json

...
"permissions": ["tabs"],
...