拒绝加载chrome-extension://.../ bootstrap.min.css必须列出资源

时间:2017-08-24 00:09:55

标签: javascript jquery html twitter-bootstrap google-chrome-extension

拒绝加载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并输入。有一个框架。可能是吗?

0 个答案:

没有答案