主页 / user-11950764

joe's questions

Martin Hope
joe
Asked: 2024-11-11 12:46:40 +0800 CST
  • 8

由于内联模块脚本没有document.currentScript，我们不能简单地将其附加document.currentScript.remove()在脚本末尾。

附加说明/背景：

  • 我指的是模块脚本执行的同步阶段。即，一旦脚本同步执行，就应立即删除，而无需等待其他代码可能运行的事件循环滴答。
  • 我正在以编程方式将模块脚本添加到 DOM，但我无法控制脚本标记内的代码（即它是“用户空间”代码），也无法控制它是否是模块脚本等等。我只能对脚本进行不影响代码的简单document.currentScript.remove()修改 - 例如附加就可以了，但将脚本包装在函数/块作用域中或类似操作会对代码产生重大影响（例如变量作用域），所以我不能做这样的事情。
  • 我必须承认，这是一个不寻常的要求，但这是一个不寻常的用例 - 与开发工具/实时调试/等相关。
javascript
Martin Hope
joe
Asked: 2024-08-24 07:39:41 +0800 CST
  • 7

背景：我正在尝试以编程方式检测（通过注入的脚本）任意页面（不是我编码的）是否具有window.onload函数集（通过window.onload=foo，而不是 addEventListener）。

我以为我可以简单地检查是否typeof window.onload === "function"，但对于这种情况确实如此：

<script>
  function onload() {
    console.log('onload called'); // this is *not* triggered on page load
  }

  typeof window.onload === "function"; // is true
  window.onload === onload; // is`true`
  window.hasOwnProperty("onload"); // is`true`
</script>

但是该函数不会在页面加载期间自动调用。我已经在最新版本的 Chrome 和 Firefox 中进行了测试。

我认为那应该相当于这样：

<script>
  window.onload = function() {
    console.log('onload called'); // this *is* triggered on page load
  };
</script>

但事实似乎并非如此。浏览器似乎有一个 setter（或类似的东西），它在显式分配时触发window.onload，而全局变量则可以通过 window 对象隐式访问。

我如何才能通过注入脚本稳健地检测任意页面是否具有实际window.onload设置（我的意思是在页面加载时触发的设置），而不仅仅是例如名为的全局函数onload？

javascript