2016-03-28 101 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')) 
相關問題