入门教程:http://dev.chromechina.com/thread-1940-1-1.html

我的目录结构(文件都放在chrome文件夹内):

manifest.json内容:

{
	"name":"ezhong的第一个Chrome插件",
	"version":"1.0",
	"description":"只是照着别人的例子写了下而已",
	"browser_action":
	{
		"default_icon":"icon.gif",
		"popup":"popup.html"
	}
	
}

 popup.html内容:

<p>
    Hello,Chrome!</p>
<p>
    Sorry,No name!</p>
<p>
    <a href="http://www.cnblogs.com/ezhong" target="_blank">ezhong的博客园</a>
</p>
<p>
    <img src="smile.png" /></p>

 

 保存后,选择Chrome浏览器右上角的扳子图标-》工具-》扩展程序,如图:

如图,在弹出标签页选上开发人员模式,点击“载入正在开发的扩展程序...”,然后选择文件夹chrome,最后确定。

这样就安装了自己“开发”的第一个程序。

效果如图:

如果选择扩展程序标签页的 “打包扩展程序”,然后选择chrome文件夹,就会生成对应的crx文件和pem文件。

将crx文件拖入chrome浏览器界面范围内,就会提示是否安装。

:::这样做个自己博客园的快捷方式也不错。:::

 

ezhong的博客园:http://www.cnblogs.com/ezhong/