全百科精品资源分享
免费优质资源下载平台

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

播放按钮
全百科网免费发布推广信息

从搜狗浏览器扩展插件图标以及logo的制作到功能的开发,以及如何把插件封装为安装包,搜狗浏览器扩展插件开发制作详细流程全程记录分享。

假如我们要做一个方便网站站长查看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文件,按照提示安装

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

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

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

成功后可以看到:

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

通过本篇文章是不是发现搜狗浏览器扩展插件制作并不复杂,难就难在想要制作的功能而已,欢迎有能力的小伙伴去开发能造福大众的插件哦。

Premium WordPress Themes Download
Download Best WordPress Themes Free Download
Download Nulled WordPress Themes
Free Download WordPress Themes
free download udemy paid course
download lava firmware
Download Nulled WordPress Themes
online free course

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » 搜狗浏览器扩展插件开发制作详细流程记录
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址