2016-03-28 61 views
1

贝娄是我manifest.josn如何加载从Chrome扩展文件中为我的网站

{ 
    "manifest_version": 2, 

    "name": "speed booster", 
    "description": "This extension will Boost Your page speed", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "ajax-loader.gif", 
    "default_popup": "style.css" 
    }, 
    "permissions": [ 
    "activeTab" 
    ] 
} 

收拾扩展后gif, css文件打包,并在Chrome中安装

现在如何使用风格。我的网站的css文件托管网站像​​本地托管?

我的Chrome扩展名是ex所以我用这对HTML

<link href="chrome-extension://ex/bootstrap.css" rel='stylesheet' type='text/css' media="all" /> 

但不工作

回答

0

你需要列出应在网页被访问的web_accessible_resources扩展中的任意资源表现。见docs for Web Accessible Resources

一旦你这样做了,正如文档解释的那样,你的资源应该可以使用chrome-extension:// [PACKAGE ID]/[PATH]。例如:

<link href="chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/bootstrap.css" rel='stylesheet' type='text/css' media="all" /> 

您可以使用chrome.extension.getURL在您的扩展中生成完整的URL。例如:

console.log(chrome.extension.getURL('bootstrap.css')) 
相关问题