chrome插件制作入门,资料,详细过程等

chrome插件制作入门,资料,详细过程等

ID:12581416

大小:452.00 KB

页数:28页

时间:2018-07-17

chrome插件制作入门,资料,详细过程等_第1页
chrome插件制作入门,资料,详细过程等_第2页
chrome插件制作入门,资料,详细过程等_第3页
chrome插件制作入门,资料,详细过程等_第4页
chrome插件制作入门,资料,详细过程等_第5页
资源描述:

《chrome插件制作入门,资料,详细过程等》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、第一部分基本资料GettingStarted 1:目前不支持标准发布版本的Chrome插件扩展,不过也有消息马上就开发了,对于我们这个不是问题.4.0使用中 2:创建一个所必要的文件夹,名字任意,用于存放所需文件,开发后,可以通过Chrome打包提交 3:manifest.json文件,存放描述信息,也可以理解为插件运行的总入口,使用JSON的格式进行定义 {  "name":"MyFirstExtension",//程序名称  "version":"1.0",//版本  "description"

2、:"ThefirstextensionthatImade.",//描述  "browser_action":{//对浏览器的操作    "default_icon":"icon.png"//图标  },  "permissions":[//权限,用于定义所需的网络资源    "http://api.flickr.com/"  ] } 4:可以在browser_action中对功能进行添加 "popup":"popup.html"//指定点击按钮后触发的行为, 5:弹出的html扩展名文件,进行编写弹

3、出窗编写,允许使用Jsandcss,使用的时候注意HTML必须包含在文件夹内 尤其指出,其中可以使用HTML5标准的元素 插件包含的文件 1:manifest文件,2:任意个HTML文件,3:JavaScript文件,4:图片Image文件 打包后会被压缩成特殊格式的zip文件,扩展名为.crx backgroundpage:用于保存插件的主要逻辑, 插件的逻辑分为:pageaction,browseraction两种,,background.html文件的js同时控制两种action action

4、,可以理解为动作,也就是浏览器表现出来的行为,如弹出窗一样 browser_action包括atooltip,abadge,andapopup. 可以在Manifest文件中注册所需的browseraction,其中default_icon为必须的,其他均为可选(or) UI部分 Icon:大多图片格式都可以,推荐使用19像素的正方形图片,设置的方式分为两种,manifest文件内的default_icon,或者调用setIcon()方法 Tooltip:设置manifest的default_tit

5、le属性,或调用setTitle()方法 Badge:用于在图标下显示的字符,字数限制在4个字符一下,可以通过setBadgeText()andsetBadgeBackgroundColor()设置内容和背景色 Popup:点击后弹出的窗口.定义在manifest文件中,browser_action的popup属性 chrome.browserAction的常用方法,其中参数使用json对象,具体查看对应的API查询key setBadgeBackgroundColor:设置Badge背景色 chr

6、ome.browserAction.setBadgeBackgroundColor(objectdetails); setBadgeText:Badge内容 chrome.browserAction.setBadgeText(objectdetails) setIcon:设置图标 chrome.browserAction.setIcon(objectdetails) shetTitle:设置Tooltip chrome.browserAction.setTitle(objectdetails) br

7、owserAction的事件 chrome.browserAction.onClicked.addListener(function(Tabtab){...});//将会在点击图标后触发 //这里的参数,比Js多了一种类型 2:为插件提供对应的options选项页面,在manifest文件中添加对应的options_page:选项,使用HTML "options_page":"options.html", 所需的HTML可以为一个完整格式的HTML文档,包含所需的html元素 Override界面:

8、用于替换新tab界面,区别于默认的界面,在manifest文件中进行注册 "chrome_url_overrides":{    "newtab":"newtab.html"  }, PageActions:用于出现在指定页面中的图标 "page_action":{    "default_icon":"icons/foo.png",//required    "default_title":"Doaction",   //optional;shownintoolti

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。