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

Passing a variable before injecting a content script

本文关键字：变量 脚本 注入      更新时间：2024-04-21

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

我已经尝试通过制作一个执行脚本的内容脚本来实现这一点，使用以下有充分文档记录的方式：

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中的代码。

解决这一问题的最佳方法是什么？我不会把任何信息反馈给分机。

谢谢。

要将变量从弹出窗口传递到动态插入的内容脚本，请参阅将参数传递到使用chrome.tables.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.
})();
相关文章：