搜狗浏览器扩展开发过程

比如要做一个方便地查看股票行情的插件:

1、创建新文件夹(比如stock),所有的文件都放在这个文件夹中

2、制作两个图标:
default.ico(16*16)以及default-big.png(32*32)
ico制作工具:IcoFX,
注:如果嫌麻烦,可以直接使用在线工具生成ico文件,搜索“ico在线生成”

3、创建 manifest.xml文件
用UltraEdit编辑输入必要的内容:

 

  com.xjj.stock
  股票行情
  true
  点击打开自选股行情页面
  
  0.1
  1
  XuJijun
 

另存为,选择UTF-8 - 无BOM:

创建一个 stock.html文件,用来存放弹出框的内容。先简单输入一点东东:

   
  
 
 
 
 
  

Hello Stock! 你好股票!


4、扩展打包:把目录中的所有文件压缩成一个zip文件,再改后缀名为.sext(如stock.sext)
注意:不是对目录压缩,而是进入目录后选择所有文件后压缩!


5、安装,双击stock.sext文件,按照提示安装
成功后可以看到:
搜狗浏览器扩展开发过程_第1张图片

6、进一步修改
找到扩展的安装目录,缺省为:C:\Users\Xu\AppData\Roaming\SogouExplorer\Extension
进入 com.xjj.stock子目录、再进入版本号子目录

修改弹出页面的大小(重启浏览器生效):

在stock.html添加一个股票行情的图片标签(不需要重启浏览器就可以生效):

重启浏览器,效果出来了:
搜狗浏览器扩展开发过程_第2张图片

其他的就是进一步优化了。。。
比如使用本地缓存保存一些数据: http://blog.csdn.net/clementad/article/details/46841821

参考教程: http://ie.sogou.com/open/doc/





你可能感兴趣的:(前端开发)