2011-06-19 113 views
-2

我想写一个简单的Chrome扩展。我学会了如何编写Google推出的“hello world”扩展,但是如何编写一个实际上可以做些什么的扩展?网上没有任何东西似乎可以解释得很好我知道它涉及HTML和CSS(?),但我该怎么办?假设我想写一个可以放大所有内容的扩展名 - 我可以编写一个HTML文件来完成此操作,并将其粘贴到我的扩展文件夹中?我在manifest.json文件中写什么,以便它实际上使用HTML文件?如果你不能从我的问题的基本内容中知道,我是一个总的初学者(我不知道HTML,我所知道的只是一些Java)。编写一个简单的Chrome扩展

回答

1

为了与用户正在查看的站点的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"] 
    } 
], 
+0

太感谢你了! – Hello

0

需要的文件:

的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 /捂脸