资源描述：
《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
