Skip to main content
本文に 12 文字追加
ソース リンク

拡張機能にContent scriptを追加して、ページのロード開始の時点に実行されるdocument"run_at": "document_start"に実行されるように設定できます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードしたら、ちゃんとコンソールにtestが出力されます。

拡張機能にContent scriptを追加して、ページのロード開始の時点(document_startに実行されるように設定できます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードしたら、ちゃんとコンソールにtestが出力されます。

拡張機能にContent scriptを追加して、ページのロード開始の時点に実行される"run_at": "document_start")ように設定できます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードしたら、ちゃんとコンソールにtestが出力されます。

本文から 4 文字削除
ソース リンク

拡張機能にContent scriptを追加して、ページのロード開始の時点(document_start)に実行されるように設定することができます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードしたら、ちゃんとコンソールにtestが出力されます。

拡張機能にContent scriptを追加して、ページのロード開始の時点(document_start)に実行されるように設定することができます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードし、ちゃんとコンソールにtestが出力されます。

拡張機能にContent scriptを追加して、ページのロード開始の時点(document_start)に実行されるように設定できます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードしたら、ちゃんとコンソールにtestが出力されます。

ソース リンク

拡張機能にContent scriptを追加して、ページのロード開始の時点(document_start)に実行されるように設定することができます。

manifest.json

{
  "manifest_version": 2,
  "name": "My extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*"],
      "run_at": "document_start",
      "js": ["script.js"]
    }
  ]
}

後は、script.jsの中でMutationObserverでDOMの変更を監視して、ページ内のスクリプトの実行の前の値を取得できます。

script.js

(function() {
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations) {
    Array.prototype.forEach.call(mutations, function(mutation) {
      if (mutation.type === 'childList') {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
          if (node.id === 't') {
            console.log(t.innerHTML);
          }
        });
      }
    });
  });
  
  observer.observe(document, {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  });
})();

こうすると、質問の例のHTMLページをロードして、ちゃんとコンソールにtestが出力されます。