chrome.tabs.executeScript()：如何获取内容脚本的结果？
Posted
技术标签:
【中文标题】chrome.tabs.executeScript()：如何获取内容脚本的结果？【英文标题】：chrome.tabs.executeScript(): How to get result of content script? 【发布时间】：2021-09-15 01:04:25 【问题描述】：根据documentation for chrome.tabs.executeScript (MDN)，回调函数接受来自脚本执行的“任意结果数组”结果集。您究竟如何使用它来获得结果？我所有的尝试都以undefined 被传递给回调结束。
我尝试在我的内容脚本末尾返回一个值，该值抛出了 Uncaught SyntaxError: Illegal return statement。我尝试使用可选的代码对象参数code: "return "Hello";，但没有成功。
我觉得我不明白文档中“每个注入帧中脚本的结果”是什么意思。
【问题讨论】：
about chrome.tabs.executeScript( id,details, callback)的可能重复 @rsanchez 这可能是一个重复的答案，但我觉得这个问题有一个更好、更具体的问题标题。另一个比较一般。 【参考方案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 稍微熟悉一些，您可能已经能够猜到。以上是关于chrome.tabs.executeScript()：如何获取内容脚本的结果？的主要内容，如果未能解决你的问题，请参考以下文章