在注入内容脚本之前传递变量

Question

我正在开发一个主要在弹出窗口中工作的 Chrome 扩展。我希望用户在弹出窗口的输入字段中输入一些文本（一个字符串），这个字符串将作为我想注入的脚本中的 "variable" 和运行特定页面。

我已经尝试通过使用以下有据可查的方式制作一个将执行脚本的内容脚本来实现这一点：

var s = document.createElement('script');


s.src = chrome.runtime.getURL('pageSearch.js');
s.onload = function() {
   this.parentNode.removeChild(this);
};

(document.head||document.documentElement).appendChild(s);

基本上，我想在页面上执行脚本之前将用户的输入一直传递到 pageScript.js 中的代码。

解决这个问题的最佳方法是什么？我不会将任何信息返回给分机。

谢谢。

Answer 1

要将变量从弹出窗口传递到动态插入的内容脚本，请参阅 Pass a parameter to a content script injected using chrome.tabs.executeScript()。

在内容脚本中获取变量后，有很多方法可以将变量获取到页面中的脚本中。

例如通过在脚本标签上设置属性，并使用 document.currentScript 访问此 <script> 标签。注意：document.currentScript 仅指在文档中插入标签后的脚本标签。如果您想稍后引用原始脚本标签（例如在计时器或事件处理程序中），您必须在局部变量中保存对脚本标签的引用。

内容脚本：

var s = document.createElement('script');
s.dataset.variable = 'some string variable';
s.dataset.not_a_string = JSON.stringify({some: 'object'});
s.src = chrome.runtime.getURL('pageSearch.js');
s.onload = function() {
   this.remove();
};
(document.head||document.documentElement).appendChild(s);

pageSearch.js:

(function() {
    var variable = document.currentScript.dataset.variable;
    var not_a_string = JSON.parse(document.currentScript.dataset.not_a_string);
    // TODO: Use variable or not_a_string.
})();

在注入内容脚本之前传递变量

Passing a variable before injecting a content script

javascript

google-chrome

google-chrome-extension