chrome扩展中的多个document.onload功能

Question

我正在开发chrome扩展程序，并且我有以下要求。

有两个必须执行的内容脚本，并且两个内容脚本都具有document.onload功能。 当加载扩展名时，仅执行两个内容脚本中的一个。

详细信息：say 1.js是一个内容脚本，当打开xyz.com页面时，该脚本必须被阻止。 2.js是另一个必须在xyz.com，abc.com等上执行的内容脚本。

问题：加载xyz.com页面时，如果2.js最初被触发，则1.js中的内容将不会执行，反之亦然。

有没有针对这种情况的解决方法？

请让我知道是否需要其他信息。

Answer 1

因为其中一个优先于另一个，所以仅触发了一个。 尝试改用addEventListener ：

document.body.addEventListener('load', function() {
   // your code
});

多次设置此值不应像onLoad函数那样覆盖以前的引用。

在脚本文件中，您可能需要将其包装在一个自调用函数中，以确保在加载正文之前已对其进行了设置。

(function() {
    document.body.addEventListener('load', function() { 
        console.log('Inside the 1.js page'); 
        fillDetails(); 
    }); 
})();