javascript - 如何从新创建的选项卡访问 Safari 扩展方法？

Question

我正在开发一个 safari 扩展。我成功地创建了一个全局页面，它对按下工具栏按钮使用react。此操作会在事件窗口中打开一个新选项卡。

我现在的问题是:如何在新打开的浏览器选项卡中访问全局页面中定义的变量，其中包含来自扩展的内容 html 文件？是否可以像 popover 那样共享变量和函数？

safari.extension.globalPage.myFunction(); 不起作用...

谢谢sn3ek

Answer 1

内容脚本只能通过message passing 与全局页面通信.

内容.js

safari.self.addEventListener('message', handleMessage, false);

// Send a message to the global page
safari.self.tab.dispatchMessage('requestVariables');

// Receive a message back from the global page
function handleMessage(msg) {
    if (msg.name === 'returnVariables') {
        console.log(msg.message);
    }
}

全局.js

safari.application.addEventListener('message', handleMessage, false);

// Receive a message from the injected script
function handleMessage(msg) {
    if (msg.name === 'requestVariables') {
        var message = {prop: 'val'};
        safari.application.activeBrowserWindow.activeTab.page.dispatchMessage('returnVariables', message);
    }   
}