码迷,mamicode.com
首页 > 其他好文 > 详细

搜狗浏览器扩展开发过程

时间:2015-08-30 01:03:11      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:搜狗浏览器   扩展   插件   

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

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

2、制作两个图标:
default.ico(16*16)以及default-big.png(32*32)
制作工具:IcoFX
技术分享

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






版权声明:本文为原创文章,转载请注明转自Clement-Xu的csdn博客。

搜狗浏览器扩展开发过程

标签:搜狗浏览器   扩展   插件   

原文地址:http://blog.csdn.net/clementad/article/details/48094469

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!