javascript - 当页面位置改变时调用 Tampermonkey 脚本

Question

好吧，我想知道是否可以在用户更改其位置(但匹配仍然有效)时调用 Tampermonkey 脚本。例如，我的脚本 Hook 了 youtube 网站。

我需要让脚本在我更改视频时自动调用，我的实际脚本是:

// ==UserScript==
// @name        xxx
// @namespace    xxx
// @version      1.0
// @description  xxx
// @author       Ikillnukes
// @match        https://www.youtube.com/*
// @match        https://youtu.be/*
// @grant        none
// ==/UserScript==

console.log("Tampermonkey hook!");
var script = document.createElement('script');
script.src = document.location.protocol+"//xxx";
(document.body || document.head || document.documentElement).appendChild(script);

如您所见，我调用 console.log 对其进行调试，它会在我刷新或首次加载网页时被调用。但是有一次我更改了视频，它不再被调用，这是我想要避免的。

我还评论了这个:http://tampermonkey.net/documentation.php而且我没有找到任何东西，也许我审查得太快了？

那么，有什么建议吗？

Answer 1

监听 youtube 脚本使用的自定义事件:

window.addEventListener("yt-navigate-start", e => { console.log(e.type); });
window.addEventListener("yt-navigate-finish", e => { console.log(e.type); });

要在 Chrome 中查看所有这些事件:

• 使用 DevTools → 元素面板 → 事件监听器
• 使用 DevTools → Sources 面板 → Global Listeners