2017-04-14 64 views
0

因此,這裏是我的manifest.json試圖創建Chrome OS操作系統Chrome擴展程序

{ 
    "name":"My Extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "Test Description", 
    "browser_action": 
    { 
    "default_icon": "icon.jpg", 
    "default_title": "Title of Extenstion", 
    "default_popup": "mypopup.html" 
    }, 
    "permissions": 
    [ 
    "activeTab", 
    "notifications", 
    "create", 
    "tabs" 
    ] 
} 

這裏是我的html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>This is a test popup</title> 
    </head> 
    <body> 
    <div> 
     <p>Hello</p> 
    </div> 
    </body> 
</html> 

我很新的這一點,並試圖下面的教程,我一步步跟着它,清單和html文檔都在同一個文件夾中。它在擴展選項卡和所有內容中顯示我的擴展,但是當我點擊它時沒有發生任何反應。任何人都可以找到我做錯了什麼,因爲我的編輯說沒有錯。所有我想要做的是顯示HTML

回答

0

我假設它顯示一個彈出一個簡單的彈出,但它是一個非常小方因爲一切都是正確的,但你沒有把這樣的:

風格的.css

body, html { 
    width: 100px; 
    height: 200px; 
} 

mypopup.html在頭:

<link rel="stylesheet" type="text/css" href="style.css"> 

如果T帽子不起作用,那麼你有錯誤的文件名/位置。另外,您應該右鍵單擊browser_action圖標,然後單擊「檢查彈出窗口」以查看開發工具以進行調試。

+0

什麼都沒有顯示出來,但現在使用它現在它顯示一個非常小的盒子 – ImThatGuy

+0

那麼100px將會很小,但如果它不工作,它會比那個小(比如10px)。 100px不是我正在談論的小事。只需將100像素更改爲更大或任何您想要的東西即可。所以它現在爲你工作。 –

+0

啊我發現這個問題,我有錯誤的HTML標題,所以它是從另一個我的項目引用文件 – ImThatGuy