搜狗浏览器扩展插件开发制作详细流程记录

假如我们要做一个方便网站站长查看SEO优化信息的扩展插件：

1、创建新文件夹（webseo），所有的文件都放在这个文件夹中

2、制作两个图标

default.ico
规格：16*16

default-big.png
规格：32*32

ico制作工具：百度ico在线制作

3、创建manifest.xml文件
用Sublime Text编辑输入必要的内容：

<?xml version="1.0" encoding="utf-8"?>
<extension>
<id>com.quanbaike.seo</id>
<name>网站SEO查询工具</name>
<show_icon>true</show_icon>
<description>快速网站seo查询,站长必备工具,查询百度收录,百度权重,爱站流量,关键字排名词数的插件,作者:全百科</description>
<version>1.0</version>
<request_api_version>1</request_api_version>
<author>全百科</author>
<popup page="popup.html" width="430" height="481"></popup>
</extension>

另存为，选择UTF-8 - 无BOM：

创建一个stock.html文件，用来存放弹出框的内容。

先简单输入一点代码如下：

<html><head>  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /></head><body><p>Hello web! 你好站长！</p></body></html>

4、扩展打包：把目录中的所有文件压缩成一个zip文件，再改后缀名为.sext（如webseo.sext）

注意：不是对目录压缩，而是进入目录后选择所有文件后压缩！

5、安装，双击webseo.sext文件，按照提示安装

注：未提交申请官方开发者，自行安装会提示危险，选择信任此扩展文件即可安装。

成功后可以看到：

搜狗浏览器扩展插件开发制作详细流程记录相关推荐

搜狗浏览器扩展帮你提升工作效率
缘起何处? 每逢春节回家"抢"火车票时,相信大家都用过或听说过各种抢票软件吧,搜狗浏览器也提供了抢票扩展(搜狗抢票)助大家回家团圆.搜狗浏览器扩展既然能帮我们自动买票,那么使用搜狗 ...
高速公路数字孪生3D场景制作全流程记录【Blender + UE4】
我叫 Mykola Usov,是来自乌克兰的 3D 艺术家. 我已经在游戏行业工作了 7 年多了. 我有建筑背景,但在某个时候,我将我的职业转向了游戏艺术. 在我的职业生涯中,我有机会在 Frogwa ...
CentOS的自动化安装光盘制作 (详细流程)
需求:CenOS自动化安装的镜像,并把需要的业务依赖包全打包进去 Step1: 首先我们来看看环境准备: 1.一台刚安装好的.符合业务要求的系统(选择的是minimal最小化安装,这个看个人需求了) ...
详细流程记录——基于landsat8影像辐射传输方程法遥感温度反演
基本思路:辐射定标-裁剪-大气校正-ndvi值计算-植被覆盖度计算-地表比辐射率计算-同温黑体辐射亮度计算-温度反演使用软件:ENVI5.3.1 一.下载影像本次数据源来自美国usgs网站Eart ...
浏览器扩展管理 - 高级版
浏览器扩展管理 - 高级版前言资源注意扩展推荐扩展打包基础管理进入扩展程序界面搜索与安装扩展管理扩展隐藏扩展高级管理开启开发者模式打包扩展程序导入扩展方法1(推荐) 方法 ...
开发FireFox浏览器扩展（Extension）并实现与原生应用之间的消息传递
一.什么是插件(Plug-in),什么是扩展(Extension). 插件指的是在页面HTML源代码里通过<object> 或者 <embed> 标签声明的部分,工作在内核层面 ...
【红队】ATTCK - 浏览器扩展实现持久化
前言在ATT&CK框架中,攻击者可能会滥用 Internet 浏览器扩展来建立对受害系统的持久访问.浏览器扩展或插件是可以添加功能和自定义 Internet 浏览器方面的小程序.它们可以直接 ...
搜狗浏览器插件开发流程
流程: 1.注册搜狐通信证账号:http://ie.sogou.com/open/ 2.阅读开发文档: http://ie.sogou.com/open/doc/ (1)搜狗浏览器的插件api设计借鉴 ...
fiash星空动画制作_三维动画制作的详细流程
三维动画制作的详细流程: 随着互联网的发展,三维动画技术更新,三维动画制作技术在生活中运用十分广泛,我们经常在一些电视广告,影视电影中会看到一些三维特效,因为震撼的真实感很受大众喜欢.三维动画技术让视 ...

搜狗浏览器扩展插件开发制作详细流程记录

搜狗浏览器扩展插件开发制作详细流程记录相关推荐

最新文章

热门文章