如何將JQuery ui加載到Chrome擴展內容腳本中？

我想加載jQuery UI到Chrome擴展。如何將JQuery ui加載到Chrome擴展內容腳本中？

我succedded負載jquery.js，jquery-ui.js和jquery-ui.css但是當我打開一個對話框，的對話框（如關閉按鈕的x）的圖像不顯示，我得到警告：

Resource interpreted as Image but transferred with MIME type text/html: ...

我也嘗試將jquery-ui.css從images/image_name更改爲chrome://extension/__extension__ID__/images/image_name。然後我得到錯誤：

not allowed to load local resource: ...

什麼是正確的方法來做到這一點？

我manifest.json的樣子：

{ 
    "name": "my_extension", 
    "version": "0.0.2", 
    "description": "bla bla", 
    "permissions": [ 
     "activeTab", 
     "tabs", 
     "http://*/" 
    ], 
    "background": { "scripts": ["background.js"] }, 
    "content_scripts": [ { 
     "js": [ "jquery-1.10.2.js" , "jquery-ui-1.10.4.custom.min.js" ], 
     "css": [ "jquery-ui-1.10.4.custom.min.css" ], 
     "matches": [ "http://*/*", "https://*/*"] 
    }], 
    "web_accessible_resources": [ 
     "images/*" 
    ], 
    "browser_action": { 
     "default_title": "Run", 
     "default_icon": "Run.png" 
    }, 
    "manifest_version": 2 
}

來源

2014-06-25 crazybob

你需要使它成爲一個web_accesible_resource從清單，並使用chrome.extension.getUrl獲得其實際的URL

來源

2014-06-26 12:58:57

的問題是圖像路徑裏面的jquery-ui.css – crazybob

是的。從代碼不是CSS設置它。也可以嘗試獲取路徑，以便知道它的外觀，並將其硬編碼到css位上，當您將擴展程序作爲開發人員（本地）加載時， –

如何將JQuery ui加載到Chrome擴展內容腳本中？

回答

相關問題