如何制作chrome浏览器插件之一

摘要:
{“name”:“TiebaAddin”,“version”:“1.0”,“description”:“AnaddinforTieba.”,“browser_action”:{“default_icon”:“icon.png”},“permissions”:[http://]}2。现在您需要找到一个图标并将其放入此目录。当然,只要名称与上述配置文件中的默认值匹配,名称就是图标Png。3.现在只需单击Chrome工具栏中的菜单按钮,然后选择工具˃˃扩展。现在,创建一个名为popup的html文件。html,并在配置文件的“browser_action”下添加一个“popup”:“popup.html”。6.在Popup中编写一些html代码。html,例如简单地输出HelloWorld。html和普通html文件之间没有区别。7.这是基本的插件生产方法。

方法如下:

  1、创建一个单独的文件夹,比如说为百度贴吧开发一个插件,就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件,在里面写上如下的样子。

  {"name": "TiebaAddin","version": "1.0","description": "An addin for Tieba.","browser_action": {"default_icon": "icon.png"},"permissions": [http:///]}  

  2、现在需要找一个图标,放在这个目录下,名字叫icon.png,当然,这个名字只要和上面的配置文件里default_icon的属性一致就好。

  3、现在只要点击Chrome工具条的菜单按钮选择里面的工具(Tools)>> 扩展(Extensions)就好。菜单按钮如右图。

  4、选择开发者模式,选择加载未打包的插件,然后,选择第一步中的那个文件夹即可。

  5、在地址栏的右侧出现了图标,但是点击图标却什么也没做,因为我们还什么代码没有写。现在在那个目录下,建立一个html文件,并且名字为popup.html,同时在配置文件里“browser_action”下加上一条:"popup": "popup.html"。

  示范:

{"name": "TiebaAddin","version": "1.0","description": "An addin for Tieba.","browser_action": {"default_icon": "icon.png","popup": "popup.html"},"permissions": [http:///]} 此处注意,每一对大括号里的最后一项后面都没有逗号,其余的每项之间必须用逗号间隔!哪怕是browser_action这样复合的项目,在他的大括号后也要有逗号。

  6、在Popup.html里写上一些html代码,比如简单的输出HelloWorld也好,这个Popup.html和普通的html文件按没有任何差别。

  7、这就是基本的插件制作方法。

[转载自:https://zhidao.baidu.com/question/1733261723216437387.html]

免责声明:文章转载自《如何制作chrome浏览器插件之一》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇深入分析Java反射(一)-核心类库和方法js 动态创建select 并赋予onchange事件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Spring通过MimeMessageHelper发送邮件,中文附件名出现乱码解决办法

1.设置系统值system。setProperty(“mail.mime.split-longparameters”,“false”);2.在这里,定义创建对象时的编码格式(utf-8):MimeMessageHelper=newMimeMessageHelper(mes,true,“utf-8”);3.其次,添加附件时,附件名称为helper。需要定义代码...

k8s集群上删除pod及service

删除k8s集群中的pod:找到pod的名称空间,并根据名称空间删除pod1。首先删除pod2,然后删除相应的部署。否则,删除pod是无用的。您还将看到pod,因为deployment.yaml文件中定义的副本数如下:delete the pod[root@test2~]#kubectlgetpod-njenkinsNAMEREADYSTATUSRESTART...

wifi密码暴力破解

转自:Python最新暴力破解WiFi,攻破所有密码限制,最强破解!...

GERBER文件

GERBER文件GERBER文件是一种国际标准的光绘格式文件,它包含RS-274-D和RS-274-X两种格式,其中RS-274-D称为基本GERBER格式,并要同时附带D码文件才能完整描述一张图形;RS-274-X称为扩展GERBER格式,它本身包含有D码信息。或GERBER描述是防焊层,并且描述之图形主要是防焊部分。若您自己将PCB文件转换成GERBER...

Ubuntu 18.04 安装微信(附企业微信)

Ubuntu软件市场也是有的,所以安全性不用担心开源地址:https://github.com/geeeeeeeeek/electronic-wechat下面介绍几种安装的方式:1.直接解压运行先选择你系统版本:解压一下:tar-zxvfxxx.tar.gz算了,还是简单为新手分析一下==》tar命令可以解包.tar和.tar.gz。为啥我的没有微信图标?...

前端导航站点(PC端)

本篇LIST1.项目预览地址:项目预览地址2.项目完成效果:3.HTML布局拆分1.tip提示部分2.title标题部分3.搜索栏部分找的是codepen上现成的搜索框样式,包含搜索框展开收缩的特效。...