在 Greasemonkey 脚本中捕获 URL 更改
在 Greasemonkey 脚本中，通常需要使用事件监视 URL 修改。然而，轮询或超时方法可能并不理想。这是一个利用 MutationObservers 无缝检测和处理 URL 更改的解决方案。
要实现此方法，请按照以下步骤操作：
-
初始化 DOM 引用变量：
- 初始化一个变量来保存原始 URL：var oldHref = document.location.href;
- 选择用于 MutationObserver 监控的 body 元素：var bodyList = document.querySelector( 'body');
-
创建一个 MutationObserver:
- 使用回调函数实例化一个 MutationObserver，当URL 更改： varobserver = new MutationObserver(function(mutations) { ... });
-
配置 MutationObserver 选项：
- 配置观察者监听子树变化和子树变化： var config = { childList: true, subtree: true };
-
将观察者添加到 DOM :
- 开始观察 body 元素的变化：observer.observe(bodyList, config);
-
句柄 URL回调中的更改：
- 在观察者回调中，检查 URL 更改并执行必要的操作： if (oldHref != document.location.href) { ... }
此解决方案利用 MutationObservers，它提供了一种有效的方法来监视 DOM 更改，包括由 URL 修改引起的更改。它避免了轮询或超时方法，确保实时检测 URL 更改并访问指向修改后 URL 的文档的 DOM。
以上是如何使用 MutationObservers 高效捕获 Greasemonkey 脚本中的 URL 变化？的详细内容。更多信息请关注PHP中文网其他相关文章！
