chrome.tabs.executeScript():如何获取内容脚本的结果?

IT技术 javascript google-chrome google-chrome-extension firefox-addon-webextensions
2021-03-21 12:59:16

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

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

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

1个回答

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

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

这是从我的另一个答案中获取的一些示例代码

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]);
}

这将注入内容脚本来获得.innerText<body>点击浏览器的操作按钮时。您将需要获得activeTab许可。

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

@RayfenWindspear,IMO:文档不足。它可以更清楚。考虑到它的措辞,当我第一次阅读文档时,我最初不得不考虑一下“脚本的结果”(和测试验证)可能意味着什么。这是最有可能的含义,如果您对 JavaScript 更熟悉一点,您可能已经猜到了。
2021-04-21 12:59:16
那么文档是否不够描述,或者在 Javascript 世界中我是否应该只知道“脚本的结果”是什么意思?
2021-04-26 12:59:16