我有一个 chrome 扩展,其中有 2 个由清单注入的内容脚本和一个后台脚本。
{
"manifest_version": 2,
"name": "Test",
"permissions": [
"tabs", "<all_urls>", "activeTab", "storage"
],
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"js": [
"content/autofill/lib_generic.js",
"content/autofill/lib.js"],
"run_at": "document_end"
}
],
"web_accessible_resources": [
"content/specific_scripts/*"
],
"background": {
"scripts": ["background.js"],
"persistent": false
}
}
lib_generic.js
包含一个名为 apply_forms(...)
的函数(其描述并不重要)。该函数是从 lib.js
文件调用的。但此过程不适用于多个页面,因此对于每个这样的页面,我都有一个特殊的脚本 - 也只有一个名为 apply_forms(...)
的函数。
我有一个函数,它将当前域作为输入并返回所需特定脚本的名称,或者如果应使用通用则返回
false
。
文件太多,逻辑也更复杂,所以我不能只在
(url, script)
指令中列出所有 "content_scripts"
对(我也不想将所有特定文件作为内容脚本注入)。
我在后台尝试过类似的操作(请注意,这仅用于演示):
var url = ""; //url of current tab
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if(changeInfo.status == "complete") {
var filename = getSpecificFilename(url);
chrome.tabs.executeScript(tabId, {file: filename}, function() {
//script injected
});
}
});
注意:getSpecificFilename(...) 将始终返回一个名称
但我在第 5 行得到
Unchecked runtime.lastError while running tabs.executeScript: Cannot access a chrome:// URL
。
有人可以帮我吗?这是动态“覆盖”函数定义的好方法,还是我应该采用不同的方式(然后选择哪一种)。
谢谢。
这可能意味着您在扩展/内部页面上收到
onUpdated
事件(弹出?选项页面?分离的开发工具?)。
一个选项是按 URL 过滤:
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if(changeInfo.status == "complete") {
if(!tab.url.match(/^http/)) { return; } // Wrong scheme
var filename = getSpecificFilename(url);
chrome.tabs.executeScript(tabId, {file: filename}, function() {
//script injected
});
}
});
另一个(可能更好)的选择是让您的内容脚本请求此注入:
// content script
chrome.runtime.sendMessage({injectSpecific : true}, function(response) {
// Script injected, we can proceed
if(response.done) { apply_forms(/*...*/); }
else { /* error handling */ }
});
// background script
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
if(message.injectSpecific){
var filename = getSpecificFilename(sender.url);
chrome.tabs.executeScript(sender.tab.id, {file: filename}, function() {
sendResponse({ done: true });
});
return true; // Required for async sendResponse()
}
});
这样您就知道内容脚本被注入并启动了。
您已经在每个页面上都有内容脚本,您可以使用它们通过
import(chrome.runtime.getURL('other.js))
加载其他脚本。
如果您使用 webpack 或 Parcel,这更容易处理,因为它们还会创建该
other.js
文件: