Skip to main content
編集済みの本文
ソース リンク
Yui Sato
  • 71
  • 1
  • 5

Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが速く早く実行されるのですが
先に実行させる記述方法はありますか?

例えばこのようなサイトで、

<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
var s = t.innerHTML;
t.innerHTML = s.replace('test', 'sample');
</script>
</body>

このようにid="t"内のinnerHTMLを
console.logで表示させようとしても
実際に表示されるのはreplaceで置き換わった
sampleという文字列になってしまいます。

chrome.tabs.onUpdated.addListener(function() {
  chrome.tabs.executeScript(null, {
    'code': 'console.log(document.getElementById("t").innerHTML)'
  });
});

置き換わる前のtestの文字列を表示させるには
どうすればよいのでしょうか?

Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが速く実行されるのですが
先に実行させる記述方法はありますか?

例えばこのようなサイトで、

<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
var s = t.innerHTML;
t.innerHTML = s.replace('test', 'sample');
</script>
</body>

このようにid="t"内のinnerHTMLを
console.logで表示させようとしても
実際に表示されるのはreplaceで置き換わった
sampleという文字列になってしまいます。

chrome.tabs.onUpdated.addListener(function() {
  chrome.tabs.executeScript(null, {
    'code': 'console.log(document.getElementById("t").innerHTML)'
  });
});

置き換わる前のtestの文字列を表示させるには
どうすればよいのでしょうか?

Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが早く実行されるのですが
先に実行させる記述方法はありますか?

例えばこのようなサイトで、

<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
var s = t.innerHTML;
t.innerHTML = s.replace('test', 'sample');
</script>
</body>

このようにid="t"内のinnerHTMLを
console.logで表示させようとしても
実際に表示されるのはreplaceで置き換わった
sampleという文字列になってしまいます。

chrome.tabs.onUpdated.addListener(function() {
  chrome.tabs.executeScript(null, {
    'code': 'console.log(document.getElementById("t").innerHTML)'
  });
});

置き換わる前のtestの文字列を表示させるには
どうすればよいのでしょうか?

タイトルを修正
リンク
h2so5
  • 4,103
  • 2
  • 16
  • 36

Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも速く早く実行したい

ソース リンク
Yui Sato
  • 71
  • 1
  • 5

Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも速く実行したい

Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが速く実行されるのですが
先に実行させる記述方法はありますか?

例えばこのようなサイトで、

<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
var s = t.innerHTML;
t.innerHTML = s.replace('test', 'sample');
</script>
</body>

このようにid="t"内のinnerHTMLを
console.logで表示させようとしても
実際に表示されるのはreplaceで置き換わった
sampleという文字列になってしまいます。

chrome.tabs.onUpdated.addListener(function() {
  chrome.tabs.executeScript(null, {
    'code': 'console.log(document.getElementById("t").innerHTML)'
  });
});

置き換わる前のtestの文字列を表示させるには
どうすればよいのでしょうか?