如何将参数传递给 Chrome 扩展中的内容脚本？

使用 chrome.tabs.executeScript() 将参数传递给内容脚本

使用 chrome.tabs.executeScript() 注入内容脚本时，可能需要将参数传递给脚本文件中的 JavaScript。

方法 1：在脚本执行之前设置参数

而不是尝试直接将参数传递给文件中，请考虑在执行目标文件之前注入内容脚本。此方法允许您在加载文件之前在全局范围内设置变量：

<code class="javascript">chrome.tabs.executeScript(tab.id, {
  code: 'var config = 1;'
}, function() {
  chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});</code>

方法 2：在脚本执行后设置参数

另一种方法涉及设置使用消息传递 API 执行脚本文件后的参数：

<code class="javascript">chrome.tabs.executeScript(tab.id, {file: 'content.js'}, function() {
  chrome.tabs.sendMessage(tab.id, 'whatever value; String, object, whatever');
});</code>

在内容脚本 (content.js) 中，使用 chrome.runtime.onMessage 监听这些消息，它允许您处理和使用参数：

<code class="javascript">chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
  // Handle message.
  // In this example, message === 'whatever value; String, object, whatever'
});</code>

以上是如何将参数传递给 Chrome 扩展中的内容脚本？的详细内容。更多信息请关注PHP中文网其他相关文章！