javascript - 如何检测每个页面的加载情况?

标签 javascript dom-events domcontentloaded

我正在 try catch https://forum.vivaldi.net 上的每个页面加载。

//==UserScript==
//@include https://forum.vivaldi.net/*
//==/UserScript==
(function () {
    window.addEventListener('DOMContentLoaded', function () {
        alert('A new page is loaded');
    });
})();

每次我在地址栏中按回车键时,都会触发此操作。

但是当我从论坛中的一个页面导航到另一个页面时,没有任何反应。

为什么 DOMContentLoaded 不在每次页面加载时触发?

最佳答案

该网站使用 Ajaxify自动将所有站点内链接转换为 XHR 请求。 DOMContentLoaded 不会在页面之间触发,因为没有新页面加载 - 只是在后台下载内容并插入到当前页面中。

您可以通过关注浏览器开发者工具的“网络”选项卡中的事件来查看此操作的实际情况。

至于如何捕获此实例中的每个页面加载,请查看 events exposed by Ajaxify .

关于javascript - 如何检测每个页面的加载情况?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60932293/

相关文章:

javascript - 延迟样式组件中的 css 动画不透明度

android - 使用 Phonegap 在后台执行 Javascript

javascript - Javascript中的addEventListener自动触发点击事件

javascript - 我的初始页面加载布局阶段花费了超过 2 秒

javascript - Yii 使用 Ajax 上传文件 - 传递数据数组 (formData)

javascript - 跨浏览器 HTML5 javascript 生成单次滴答声

javascript - 使用提交事件监听器停止表单提交

javascript - 在 DOMContentLoaded 上的 javascript 函数中声明全局常量

javascript - 网络显示 Dom 内容已加载。 Console.log 不会记录到开发人员控制台。调试器没有命中。函数未被调用

javascript - 在 module.exports 中调用函数的上下文安全方法是什么?