搜狗浏览器扩展开发过程

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

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/

搜狗浏览器扩展开发过程相关推荐

搜狗浏览器扩展帮你提升工作效率
缘起何处? 每逢春节回家"抢"火车票时,相信大家都用过或听说过各种抢票软件吧,搜狗浏览器也提供了抢票扩展(搜狗抢票)助大家回家团圆.搜狗浏览器扩展既然能帮我们自动买票,那么使用搜狗 ...
搜狗浏览器扩展插件开发制作详细流程记录
假如我们要做一个方便网站站长查看SEO优化信息的扩展插件: 1.创建新文件夹(webseo),所有的文件都放在这个文件夹中 2.制作两个图标 default.ico 规格:16*16 default- ...
浏览器扩展管理 - 高级版
浏览器扩展管理 - 高级版前言资源注意扩展推荐扩展打包基础管理进入扩展程序界面搜索与安装扩展管理扩展隐藏扩展高级管理开启开发者模式打包扩展程序导入扩展方法1(推荐) 方法 ...
如何在搜狗浏览器中添加扩展工具
如何在搜狗浏览器中添加扩展工具?搜狗浏览器是一款比较好用的浏览器.我们在浏览网页的时候,需要添加一些外部的插件,具体该怎么添加呢?下面就是在搜狗浏览器中添加扩展工具的方法,一起了解一下. 1.打开搜狗 ...
html5播放器迅雷,搜狗浏览器HTML5视频播放器插件(HTML5.Video.Player)
一款搜狗浏览器的HTML5视频播放器插件,安装后可以使用HTML5方式播放优酷.土豆.爱奇艺.搜狐视频.迅雷离线.腾讯视频.56视频等网站的视频,避免使用adobe flash player插件,降低 ...
搜狗浏览器收藏夹在哪_搜狗浏览器居然流氓到操作我的微博账号
问题自从今年用微博开始,就发现我的账号老自动关注一些垃圾营销号.每次我都得手动取消关注.后来烦了就直接拉黑.有时候我想自己关注某个账号,却提示我关注过于频繁. 再后来我怀疑是我的账号和密码泄露了,于 ...
搜狗浏览器屏蔽广告插件_搜狗浏览器屏蔽芒果TV视频广告：被判不正当竞争，赔了12万...
认为搜狗浏览器擅自屏蔽湖南卫视视频广告,芒果TV所在的湖南快乐阳光互动娱乐传媒公司以不正当竞争为由,状告北京搜狗信息服务有限公司和北京搜狗科技发展有限公司,北京海淀区人民法院一审判定搜狗赔偿湖南卫视1 ...
搜狗浏览器安装自定义JS脚本的方法～
搜狗浏览器安装自定义JS脚本的方法- 方法1 安装新搜狗浏览器右上常用工具栏,在"工具箱"上点击选"添加". 搜索安 ...
搜狗浏览器屏蔽广告插件_“云法庭”里“云勘验”，海淀法院开庭审理搜狗浏览器插件屏蔽优酷视频广告不正当竞争纠纷案...
来源: 北京海淀法院特别提示:凡本号注明"来源"或"转自"的作品均转载自媒体,版权归原作者及原出处所有.所分享内容为作者个人观点,仅供读者学习参考,不代表本号 ...
搜狗浏览器屏蔽广告插件_“云法庭”里“云勘验”法院开审搜狗浏览器插件屏蔽优酷视频广告案...
在第20个世界知识产权日到来之际,北京海淀法院通过"北京法院云法庭"公开开庭审理原告优酷信息技术(北京)有限公司(下称优酷公司)与被告北京搜狗科技发展有限公司.被告北京搜狗信息服务 ...

搜狗浏览器扩展开发过程

搜狗浏览器扩展开发过程相关推荐

最新文章

热门文章