0

我想在我的擴展中創建一個browserAction,當我點擊browserAction的圖標時打開一個選項頁面(類似我們可以在Chrome中執行的操作)。我創建了代碼來完成我所描述的內容,當我點擊FF上的圖標時,所有工作都正常,頁面樣式看起來很好。而在IE11上,當我點擊圖標時,頁面顯示爲沒有任何樣式。我上傳到我的資源,我需要的所有文件,我的options.html,css/style.css和我的圖片。這裏是我的代碼...IncludeCSS在IE上不工作

而且我background.js看起來是這樣的:

appAPI.ready(function($) { 

    // Sets the initial browser icon 
    appAPI.browserAction.setResourceIcon('48x48.png'); 

    // Sets the tooltip for the button 
    appAPI.browserAction.setTitle('My title'); 

    // Sets the initial onClick event handler for the button 
    appAPI.browserAction.onClick(function(){ 
    appAPI.openURL({ 
       resourcePath: "options.html", 
       where: "tab", 
       focus: true 
      }); 
    }); 
}); 

和我extension.js這樣的:

if (document.title == "My options page title") { 
    appAPI.resources.includeCSS('css/style.css'); 
} 

上面的代碼,檢查它是否是我想要的網頁基於其標題(這不是一個好方法,我知道,但我現在正在測試...如果你有一些建議,我也會欣賞)

我在做什麼G?

@Crossrider支持:我的應用程序ID是81180個

感謝您的幫助

+0

你檢查document.title'的'的價值,你確定了'if'語句工作? – Louy

+0

是的!我檢查了它,即使我刪除了if statament ...並且它不起作用 – hdlopez

回答

0

的options.html頁面在一個孤立的環境中運行(即extension.js不能保證所有的瀏覽器上運行),因此您應該將CSS嵌入到HTML頁面中。

[披露:我是Crossrider員工]