搜狗浏览器扩展开发过程

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

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

2、制作两个图标:
default.ico(16*16)以及default-big.png(32*32)
ico制作工具:IcoFX, IcoFX (图标编辑)V1.64 绿色多国语言便携版.rar
注:如果嫌麻烦,可以直接使用在线工具生成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






评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值