拒绝加载chrome-extension://dlihdalmenebpadfpfmcknhapchalnhp/bootstrap.min.css。资源必须列在web_accessible_resources清单键中,以便由扩展名外的页面加载。
首先,它被列出。 100%。
我的代码:
Manifest.json
{
"name": "RMP",
"description": "Work in Progress",
"manifest_version": 2,
"version": "0.8",
"icons": {
"16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png"
},
"permissions": [
"activeTab",
"http://*/",
"https://*/"
],
"background": {
"scripts": ["jquery-3.2.1.min.js","bootstrap.min.js","background.js"],
"persistent": false
},
"browser_action": {
"default_title": "Click me!"
},
"web_accessible_resources": ["bootstrap.min.css"]
}
background.js
// On Extension Icon click, inject script
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(tab.id, {file: "jquery-3.2.1.min.js"}, function() {
chrome.tabs.executeScript(tab.id, {file: "bootstrap.min.js"}, function() {
chrome.tabs.executeScript(tab.id, {file: "content_script.js"});
});
});
});
content_script.js(技术上不是内容脚本命名错误)
/
/ Handle page's frame (to allow DOM access)
var page = top.frames["TargetContent"].document;
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.runtime.getURL('bootstrap.min.css');
top.frames["TargetContent"].document.body.appendChild(style);
...更多代码等它运行正常,只需要css注入所以我的东西风格。 (酥料饼)
花了一段时间调试。 This is the website I'm trying to inject the CSS on so my popover is actually styled。
选择像天文学这样的专业,输入101并输入。有一个框架。可能是吗?