Greasemonkey脚本中<a href>调用save_order方法失效问题求助

嘿，我帮你分析下这个重试链接失效的常见原因，都是基础JS和Greasemonkey沙箱特性导致的，一步步来解决：

1. 内联onclick被沙箱限制 #

Greasemonkey有严格的安全沙箱，直接用<a onclick="save_order()">这种内联脚本的话，浏览器会阻止它访问你脚本里的save_order方法，甚至页面全局的方法也可能访问不到。

解决办法：用事件监听替代内联onclick
不要直接拼接HTML字符串生成链接，而是用DOM API创建元素，再绑定点击事件：

// 先创建错误提示容器
const errorBox = document.createElement('div');
errorBox.textContent = '订单保存失败！';

// 创建重试链接
const retryLink = document.createElement('a');
retryLink.href = '#'; // 用#占位，避免跳转
retryLink.textContent = '点击重试';

// 绑定点击事件
retryLink.addEventListener('click', function(e) {
    // 阻止链接默认的跳转行为（比如跳到页面顶部）
    e.preventDefault();
    // 调用你的保存方法
    save_order();
});

// 把链接加到错误提示里
errorBox.appendChild(retryLink);
// 最后把错误提示加到页面上
document.body.appendChild(errorBox);

2. save_order不在当前作用域 #

如果save_order是页面本身的全局函数（不是你脚本里定义的），Greasemonkey的沙箱会隔离脚本和页面的全局变量，导致你脚本里找不到这个方法。

解决办法：用unsafeWindow访问页面全局函数
首先要在脚本开头的元数据里声明@grant unsafeWindow（否则用不了这个对象）：

// ==UserScript==
// @name         订单保存重试脚本
// @match        https://你的目标网站.com/*
// @grant        unsafeWindow
// ==/UserScript==

然后在点击事件里改成：

retryLink.addEventListener('click', function(e) {
    e.preventDefault();
    // 访问页面全局的save_order方法
    unsafeWindow.save_order();
});

3. 忘记阻止链接默认行为 #

如果没加e.preventDefault()，点击链接时浏览器会先执行跳转（比如href="#"会跳到页面顶部），可能导致save_order还没执行完就被中断，看起来像是链接失效了。这个上面的代码已经包含了，一定要加上！

完整示例代码 #

把这些点整合起来，完整的错误提示生成逻辑大概是这样：

// ==UserScript==
// @name         订单保存重试脚本
// @match        https://你的目标网站.com/*
// @grant        unsafeWindow
// ==/UserScript==

// 假设这是你的保存方法（如果是页面的就不用写，直接用unsafeWindow调用）
function save_order() {
    // 你的保存逻辑...
    console.log('尝试重新保存订单');
}

// 模拟保存失败的场景
function showSaveError() {
    const errorBox = document.createElement('div');
    errorBox.style.padding = '10px';
    errorBox.style.backgroundColor = '#ffebee';
    errorBox.textContent = '订单保存失败！';

    const retryLink = document.createElement('a');
    retryLink.href = '#';
    retryLink.textContent = '点击重试';
    retryLink.style.marginLeft = '10px';
    retryLink.style.color = '#d32f2f';

    retryLink.addEventListener('click', function(e) {
        e.preventDefault();
        // 根据实际情况选择：
        save_order(); // 脚本内定义的方法
        // unsafeWindow.save_order(); // 页面全局的方法
    });

    errorBox.appendChild(retryLink);
    document.body.appendChild(errorBox);
}

// 调用错误提示（你可以在保存失败的逻辑里调用这个）
// showSaveError();

按照这个方式修改，重试链接应该就能正常工作啦！

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