+
95
-

油猴脚本如何实现不同域名之间的消息传递?

油猴脚本如何实现不同域名之间的消息传递?

你如在a.com的域名中生成一个事件,触发b.com的油猴脚本执行某项操作?

网友回复

+
15
-

在跨域消息传递的情况下,可以使用浏览器提供的 postMessage API 来实现。postMessage 允许不同域名之间进行安全的消息传递。下面是一个简单的示例,展示如何在 a.com 域名中生成一个事件,并触发 b.com 域名中的油猴脚本执行某项操作。

在 a.com 中生成事件并发送消息

首先,在 a.com 页面中添加发送消息的代码。

// 在 a.com 中运行的脚本
function sendMessageToB() {
    // 获取 b.com 的窗口对象
    const bWindow = window.open('https://b.com');

    // 等待 b.com 页面加载完成
    bWindow.onload = function() {
        // 发送消息到 b.com
        bWindow.postMessage({ action: 'executeScript' }, 'https://b.com');
    };
}

// 触发发送消息的事件
document.getElementById('sendMessageButton').addEventListener('click', sendMessageToB);
在 b.com 中接收消息并执行操...

点击查看剩余70%

我知道答案,我要回答