如何检测每个页面加载

Question

我正试图在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不会在页面之间触发，因为没有新页面加载，只是在后台下载内容并插入当前页面。

您可以按照浏览器开发工具的"网络"选项卡中的活动进行操作。

至于如何捕获此实例中的每个页面加载，请查看Ajaxify公开的事件。