Violentmonkey脚本首页生效，翻页后失效问题求助

问题分析 #

你的脚本只在页面首次加载时执行一次，而亚马逊账单的分页内容是动态DOM注入生成的，新加载的账单链接不会被原有代码处理，所以点击下一页后脚本就失效了。

解决方案 #

用MutationObserver监听页面动态内容的变化，每次有新内容加载时自动重新为链接添加target="_blank"属性，同时保留初始页面的处理逻辑，确保首次加载也生效。

修改后的完整脚本：

// ==UserScript==
// @name        Open payment invoices in new tab
// @namespace   Violentmonkey Scripts
// @match       https://www.amazon.com/cpe/yourpayments/transactions*
// @grant       none
// @version     1.1
// @author      -
// @description 自动为亚马逊账单链接添加新标签页打开属性，支持动态加载的分页内容
// ==/UserScript==

// 统一处理链接的函数
function setLinksToNewTab() {
    const targetLinks = document.querySelectorAll('.a-span12 a');
    targetLinks.forEach(link => {
        link.setAttribute('target', '_blank');
        // 可选：添加安全属性，避免新标签页获取原页面权限
        link.setAttribute('rel', 'noopener noreferrer');
    });
}

// 页面首次加载时先执行一次
setLinksToNewTab();

// 监听DOM变化，捕获动态加载的内容
const domObserver = new MutationObserver(() => {
    setLinksToNewTab();
});

// 配置监听范围：监听整个body下的子节点变化（如果能找到账单列表的具体父容器，替换document.body能提升性能）
domObserver.observe(document.body, {
    childList: true,
    subtree: true
});

关键细节 #

• MutationObserver是浏览器原生API，专门用来监听DOM树的变化，能精准捕获亚马逊分页时动态注入的新内容。
• 如果你能找到账单列表的具体父容器（比如某个带特定类的div），把document.body换成该容器的选择器，能减少不必要的重复执行，提升脚本性能。
• 加上rel="noopener noreferrer"是前端安全的最佳实践，防止新打开的标签页通过window.opener访问原页面的上下文。

内容的提问来源于stack exchange，提问作者Jeff