編寫一個簡單的Chrome擴展

-2

我想寫一個簡單的Chrome擴展。我學會了如何編寫Google推出的「hello world」擴展，但是如何編寫一個實際上可以做些什麼的擴展？網上沒有任何東西似乎可以解釋得很好我知道它涉及HTML和CSS（？），但我該怎麼辦？假設我想寫一個可以放大所有內容的擴展名 - 我可以編寫一個HTML文件來完成此操作，並將其粘貼到我的擴展文件夾中？我在manifest.json文件中寫什麼，以便它實際上使用HTML文件？如果你不能從我的問題的基本內容中知道，我是一個總的初學者（我不知道HTML，我所知道的只是一些Java）。編寫一個簡單的Chrome擴展

來源

2011-06-19 Hello

爲了與用戶正在查看的站點的DOM進行交互，一旦安裝了擴展，您需要使用內容腳本。看看這裏的清單中添加的行： http://code.google.com/chrome/extensions/content_scripts.html

這些線讓你指明要使用該網站，還可以指定哪些js和css什麼是「匹配」的具體領域：

"content_scripts": [ 
    { 
    "matches": ["http://www.google.com/*"], 
    "css": ["mystyles.css"], 
    "js": ["jquery.js", "myscript.js"] 
    } 
],

來源

2011-06-19 19:56:02 Ernest

太感謝你了！ – Hello

需要的文件：

的icon.png（http://www.mediafire.com/imageview.php?quickkey=37phkkdmd1dv1zf&thumb=4）

的manifest.json

popup.html 將所有文件放在一起。

。

在manifest.json中

：

 
{ 
    "name": "My First Extension", 
    "version": "1.0", 
    "description": "The first extension that I made.", 
    "browser_action": { 
    "default_icon": "icon.png" 
    }, 
    "browser_action": { 
    "default_icon": "icon.png", 
    "popup": "popup.html" 
    } 

}

放於popup.html：

 
hello world

保存這兩個文件。前往擴展（chrome：// extensions /）

然後單擊開發人員模式。 http://snpr.cm/HBuhYF.jpg

點擊「加載未打包的擴展」。並找到該文件夾。它應該正常加載。

點擊新的推廣與看到的榮耀:)

編輯，剛剛看了你的帖子 - 你學到了一個Hello World /捂臉

來源

2011-06-19 20:05:28 andrew

編寫一個簡單的Chrome擴展

回答

相關問題