[英]Dynamic loading of content script (chrome extension)
我有一个chrome扩展,有一个由manifest和一个后台脚本注入的内容脚本。
{
"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
。
文件太多而且它的逻辑更复杂,所以我不能只在"content_scripts"
指令中列出所有(url, script)
对(我也不想将所有特定文件作为内容脚本注入)。
我在背景中尝试过类似的东西(请注意,它仅用于演示):
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(...)将始终返回一个名称
但是Unchecked runtime.lastError while running tabs.executeScript: Cannot access a chrome:// URL
我得到Unchecked runtime.lastError while running tabs.executeScript: Cannot access a chrome:// URL
第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()
}
});
这样您就知道注入并启动了内容脚本。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.