比如要做一个方便地查看股票行情的插件:
1、创建新文件夹(比如stock),所有的文件都放在这个文件夹中
2、制作两个图标:
default.ico(16*16)以及default-big.png(32*32)
ico制作工具:IcoFX,
注:如果嫌麻烦,可以直接使用在线工具生成ico文件,搜索“ico在线生成”
3、创建
manifest.xml文件
用UltraEdit编辑输入必要的内容:
<?xml version="1.0" encoding="utf-8"?>
<extension>
<id>com.xjj.stock</id>
<name>股票行情</name>
<show_icon>true</show_icon>
<description>点击打开自选股行情页面</description>
<popup page="stock.html" width="100" height="100"/>
<version>0.1</version>
<request_api_version>1</request_api_version>
<author>XuJijun</author>
</extension>
另存为,选择UTF-8 - 无BOM:
创建一个
stock.html文件,用来存放弹出框的内容。先简单输入一点东东:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<p>Hello Stock! 你好股票!</p>
</body>
</html>
4、扩展打包:把目录中的所有文件压缩成一个zip文件,再改后缀名为.sext(如stock.sext)
注意:不是对目录压缩,而是进入目录后选择所有文件后压缩!
5、安装,双击stock.sext文件,按照提示安装
成功后可以看到:
6、进一步修改
找到扩展的安装目录,缺省为:C:\Users\Xu\AppData\Roaming\SogouExplorer\Extension
进入
com.xjj.stock子目录、再进入版本号子目录
修改弹出页面的大小(重启浏览器生效):
<popup page="stock.html" width="600" height="500"/>
在stock.html添加一个股票行情的图片标签(不需要重启浏览器就可以生效):
<img src="http://image.sinajs.cn/newchart/min/n/sz000002.gif"/>
重启浏览器,效果出来了:
其他的就是进一步优化了。。。
比如使用本地缓存保存一些数据:
http://blog.csdn.net/clementad/article/details/46841821
参考教程: http://ie.sogou.com/open/doc/