如何使用 chrome.devtools.inspectedWindow.eval 从执行的脚本中返回值

Question

我正在尝试使用chrome.devtools.inspectedWindow.eval从 devtool 面板执行网页内的一些脚本，代码工作正常，但无法弄清楚如何返回对回调的响应。 我很感谢你的支持。

执行的脚本

const someScript = function () {
    alert("from panel")
    return 123
    // i can't return
}

开发工具

Chrome.devtools.inspectedWindow.eval(
//this regex convert function body to string
    someScript.toString().replace(/^function\s*\S+\s*\([^)]*\)\s*\{|\}$/g, ""),
       function (result, isException) {
           if (isException) {
               //exception always fire
               console.log("Result not received");
           } else {
               console.log("Selected element: " + result);
       }
});

Answer 1

脚本的最后一个计算表达式返回给回调。

假设 function 返回一个值（您的 function 确实如此），您只需添加一些括号来调用 function 即可，无需将函数体提取为 II。

const someFunc = function () {
  return 123;
};

chrome.devtools.inspectedWindow.eval(`(${someFunc})()`, (res, err) => {
  if (err) {
    console.warn('Error', err);
  } else {
    console.log('Result', res);
  }
});

笔记：

• 仅支持 JSON 兼容类型（字符串、数字、boolean、null 以及由这些类型组成的数组/对象）。
• 您的 devtools 面板有自己的控制台，您可以通过在面板内部右键单击以显示上下文菜单并在此处选择“检查”来打开该控制台。
• 在 console.log 中使用逗号,而不是+ ，因为后者不适用于数组/对象。