“Chrome Apps” webview.executeScript 访问访客全局变量

Question

我可以通过以下方式访问 Chrome 应用 Webview HTML：

webview.executeScript(
    {code: 'document.documentElement.innerHTML'},
    function(results) {
      // results[0] would have the webview's innerHTML.
    });

但我想像这样在 Guest 中获取全局变量的值：

webview.executeScript(
   {code: 'window.globalVar'},
   function(results) {
   // results[0] should have the webview's value of "globalVar".
   });

我该怎么做？

Answer 1

您可以注入一个脚本，该脚本使用全局变量的值插入一个 DOM 节点。然后您返回该节点的 innerHTML 并立即获得您的值，而无需使用回调：

var code = "script = document.createElement('script'); script.text=\"var n=document.createElement('span');n.style.display='none';n.id='my-id';n.innerHTML=window.globalVar;document.body.appendChild(n)\"; document.head.appendChild(script);document.getElementById('my-id').innerHTML"

webview.executeScript(
    {code: code},
    function(results) {
      console.log(results[0]);
    });

只需为未使用的 DOM 节点使用一个 ID，就可以了。它对我有用。

Answer 2

总结所需步骤的答案。

1) 您将带有webview.executeScript() 的内容脚本注入到嵌入页面中。

2) 由于页面真正的window是隔离的，所以需要页面级的脚本才能访问。如here 所述，您可以使用<script> 标签注入它。

3) 页面级脚本可以访问window 对象，但不能与应用脚本对话。但是，它可以触发内容脚本可以捕获的自定义 DOM 事件。讨论here。

4) 最后，您需要从内容脚本向您的应用脚本发送消息。 内容脚本调用chrome.runtime.sendMessage，而应用脚本侦听chrome.runtime.onMessage。 chrome.runtime.sendMessage 似乎不适用于注入webview.executeScript() 的webview 内容脚本。一种解决方法是使用postMessage，如here 所述。

这有点像洋葱结构，这就是为什么你需要 2 步“进入”和 2 步“退出”。您不能在传递给executeScript 回调的返回值中真正做到这一点，因为至少有一个“out”步骤将是异步的。