【问题标题】:chrome.tabs.executeScript(): How to get result of content script?chrome.tabs.executeScript():如何获取内容脚本的结果?
【发布时间】:2021-09-15 01:04:25
【问题描述】:

根据documentation for chrome.tabs.executeScript (MDN),回调函数接受来自脚本执行的“任意结果数组”结果集。您究竟如何使用它来获得结果?我所有的尝试都以undefined 被传递给回调结束。

我尝试在我的内容脚本末尾返回一个值,该值抛出了 Uncaught SyntaxError: Illegal return statement。我尝试使用可选的代码对象参数{code: "return "Hello";},但没有成功。

我觉得我不明白文档中“每个注入帧中脚本的结果”是什么意思。

【问题讨论】:

标签: javascript google-chrome google-chrome-extension firefox-addon-webextensions


【解决方案1】:

chrome.tabs.executeScript() 从运行脚本的每个选项卡/框架返回一个带有“脚本结果”的Array。

“脚本的结果”是最后一个评估语句的值,可以是函数返回的值(即 IIFE,使用return 语句)。通常,如果您从 Web 控制台 (F12) 执行代码/脚本,这将与控制台显示的执行结果相同(不是console.log(),而是结果) (例如对于脚本var foo='my result';foo;,results 数组将包含字符串“my result”作为元素)。如果您的代码很短,您可以尝试从控制台执行它。

这是取自another answer of mine的一些示例代码:

chrome.browserAction.onClicked.addListener(function(tab) {
    console.log('Injecting content script(s)');
    //On Firefox document.body.textContent is probably more appropriate
    chrome.tabs.executeScript(tab.id,{
        code: 'document.body.innerText;'
        //If you had something somewhat more complex you can use an IIFE:
        //code: '(function (){return document.body.innerText;})();'
        //If your code was complex, you should store it in a
        // separate .js file, which you inject with the file: property.
    },receiveText);
});

//tabs.executeScript() returns the results of the executed script
//  in an array of results, one entry per frame in which the script
//  was injected.
function receiveText(resultsArray){
    console.log(resultsArray[0]);
}

当点击浏览器操作按钮时,这将注入一个内容脚本以获取<body> 的.innerText。你需要activeTab 权限。

作为这些生成的示例,您可以打开网页控制台 (F12) 并输入 document.body.innerText; 或 (function (){return document.body.innerText;})(); 以查看将返回的内容。

【讨论】:

  • 那么是文档描述性不够,还是在 Javascript 世界中我应该只知道“脚本的结果”是什么意思?
  • @RayfenWindspear,IMO:文档不足。可能会清楚得多。鉴于它的措辞,当我第一次阅读文档时,我最初不得不考虑一下“脚本的结果”(并进行测试以验证)可能意味着什么。这是最可能的含义,如果您对 JavaScript 稍微熟悉一些,您可能已经能够猜到。
猜你喜欢
  • 2018-06-28
  • 1970-01-01
  • 2010-10-22
  • 1970-01-01
  • 2013-07-08
  • 1970-01-01
相关资源
最近更新 更多