拡張機能に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
が出力されます。