chrome浏览器插件开发 怎样开发Chrome浏览器的插件? 精

Chrome 浏览器作为基于Webkit的新一代浏览器。Chrome自从正式发布以来,市场占有率逐步提高,自从公布了Chrome扩展的API以来,Chrome扩展开发更是前途似锦。一个Chrome插件小则可以解决生活中琐碎的问题,多则可以惠及千众,造福万代。而且,Google为Chrome建立了自己的Web开发市场,做得好的插件还可以为作者赢得丰厚的利益。怎样开发Chrome浏览器的插件? 精――工具/原料
Chrome浏览器文本编辑工具,普通的记事本也可以,不过最好是带格式整理和语法高亮的,笔者用的是Notepad++,需要的朋友可以百度一下。怎样开发Chrome浏览器的插件? 精――步骤/方法

怎样开发Chrome浏览器的插件? 精 1、
创建一个单独的文件夹,起个名字吧,比如说我们为百度贴吧开发一个插件,就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件,在里面写上如下的样子。
{
"name": "TiebaAddin",
"version": "1.0",
"description": "An addin for Tieba.",
"browser_action": {"default_icon": "icon.png"},
"permissions": [http://*/*]
}
这里各项的意义很显然可以通过名字得之,但如果你想了解更多,请参考“Chrome扩展”文档(详见参考资料)
怎样开发Chrome浏览器的插件? 精 2、
如果你细心看上面的配置文件,你就会知道,你现在需要找一个图标,放在这个目录下,名字叫icon.png,当然,这个名字只要和上面的配置文件里default_icon的属性一致就好。
怎样开发Chrome浏览器的插件? 精 3、
现在,只要点击Chrome工具条的菜单按钮选择里面的工具(Tools)>> 扩展(Extensions)就好。菜单按钮如右图。

怎样开发Chrome浏览器的插件? 精 4、
选择开发者模式,选择加载未打包的插件,然后,选择第一步中的那个文件夹即可。好吧,现在我们就可以启动插件了。

怎样开发Chrome浏览器的插件? 精 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这样复合的项目,在他的大括号后也要有逗号。
怎样开发Chrome浏览器的插件? 精 6、
在Popup.html里写上一些html代码,比如简单的输出HelloWorld也好,这个Popup.html和普通的html文件按没有任何差别。

怎样开发Chrome浏览器的插件? 精 7、
这就是基本的插件制作方法,插件制作的中级教程我在一下篇相关经验会详细讲解的。怎样开发Chrome浏览器的插件? 精――注意事项
第一步:格式要正确,且最好此时文件夹里已经有icon图标。第三步:有的时候插件需要相关的权限,这一点,可以到百度的数字大人吧学习如何给使用插件。

chrome浏览器插件开发 怎样开发Chrome浏览器的插件? 精
  

爱华网本文地址 » http://www.aihuau.com/a/8104530103/295018.html

更多阅读

360浏览器插件360抢票王火车票刷票技巧 火车票刷票

360浏览器插件360抢票王火车票刷票技巧——简介360浏览器使用了IE的内核并增加了很多安全和使用模块。360公司也在360浏览器上增加了很多插件方便用户使用该浏览器,360抢票王就是360公司专门针对买火车票难开发的一个插件。该插件可

360浏览器小号多开插件在哪里? edge浏览器插件在哪里

360浏览器小号多开插件在哪里?——简介相信现在很多朋友喜欢玩网页游戏,诸如QQ空间的一些都是大家比较喜欢的,而说到网页游戏,想必对于小号多开这个词并不陌生,360浏览器的小号多开功能想必大家以前也可能有用过,不过不少朋友应该也会发现

腾讯通RTX插件开发随笔 rtx插件开发

1.VC6.0安装要选自定义安装,然后选上全部功能,按典型安装编译时会出错,可能是典型安装时缺少了要用到的什么库文件(mfc42u.lib);2. 先安装RTXCSDK安装包, 把wizard文件夹下(如:C:ProgramFilesTencentRTXCSDKwizard)的插件生成向导文件RT

声明:《chrome浏览器插件开发 怎样开发Chrome浏览器的插件? 精》为网友會笑靣分享!如侵犯到您的合法权益请联系我们删除