javascript - 如何确定脚本是否已从 Chrome 扩展程序注入(inject)到文档中

Question

我正在编写一个 Chrome 扩展程序并使用以下代码从我的内容 js 中注入(inject)脚本。

function appendScript() {
var script = document.createElement('script');
script.setAttribute("type", "application/javascript");
script.textContent = "window.alert = function(msg) { stopOperation = true; var evt=document.createEvent('CustomEvent'); evt.initCustomEvent('StopOperation', true, true, ''); document.dispatchEvent(evt); return true; }; ";
document.documentElement.appendChild(script);
}

如何确保上述脚本只被注入(inject)一次？

Answer 1

只需为其添加一个 ID，然后在注入(inject)之前检查它是否已经存在，如果存在，则不要注入(inject)它:

这是一个示例:

function appendScript() {
    var script = document.createElement('script');
    script.id = "my-extension-script";
    script.setAttribute("type", "application/javascript");
    script.textContent = "window.alert = function(msg) { stopOperation = true; var evt=document.createEvent('CustomEvent'); evt.initCustomEvent('StopOperation', true, true, ''); document.dispatchEvent(evt); return true; }; ";
    document.documentElement.appendChild(script);
}

var no_script = !document.getElementById("my-extension-script");

if (no_script) appendScript();