javascript - Chrome 扩展：将输入元素值从主容器传递到另一个脚本文件以供其使用

Question

扩展非常新，但是当您单击浏览器中的图标时，我有一个 HTML 文件，它是主要的下拉容器。在这里我有 2 个输入元素，我需要将输入元素的值传递给另一个脚本，该脚本通过下面的代码注入。Contentscript.js 实际上向文档对象添加了另一个脚本标记，我们称之为 Script A。脚本 A 创建自己的对象，页面中的输入元素具有修改该对象的值，因此我需要将这些值向下传播。

有没有办法做到这一点？

function click(e) {

  chrome.tabs.executeScript(null, {file:"contentscript.js"});

  window.close();
}

document.addEventListener('DOMContentLoaded', function () {
  var d = document.getElementById("Modify");//a button on the container to execute the script

  d.addEventListener('click',click);

});

谢谢你的帮助！

Answer 1

我会编写你的内容脚本来简单地定义一个函数，称之为“content_script_func”，它接受一个参数 input_data。

现在从您的弹出页面中，调用 chrome.tabs.executeScript 并使用带有值的“code”参数

"(" + content_script_func.toString() + ")(" + JSON.stringify( {input1:"val1", input2: "val2" } ) + ")"

现在，您的内容脚本拥有将所有内容插入页面 DOM 所需的所有数据。