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

Question

我正在 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 不在每次页面加载时触发？

Answer 1

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

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

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