文档介绍：:..JavaScript开发Chrome浏览器扩展程序UI的教程基本知识1、、 manifest・json每一个扩展、可安装的WebApp、皮肤,都有一个JSOX格式的manifest文件,里面存放重耍的插件相关信息。一个最基本的配置例子:〃〃〃[▲・1〃name:browseractiondemo,version:,permissions:L气3bs〃,〃http://*/*〃,"https://*/*〃],^browseraction^:{"defaulttitle":〃开关灯〃,detault_icon:,z/dcfault_popup,z:"popup,html"},~,zbackground/z:{"page":^,z},,zmanifcst_vcrsiorT:2}、popup插件的弹窗,上面配置中的browser_action中default_popup就是这个页面。、 backgroundpage绝大多数应用都包含一个背景页面(backgroundpage),用來执行应用的主要功能。、 Contentscripts通iicontentscript可以使应用和web页面交互,contentscript是指能够在浏览器已经加载的页面内部运彳亍的Javascript脚本。口J以将contentscript看做是网页的一部分,而不是它所在的应用的一部分。2、文件之间的交互popup弹窗中可以直接调用背景页面中的函数。Contentscript可以读取并修改当前web页而的dom树,但是它并不能修改它所在应用的背景页面(background)的doin树。Contentscript与应用之间的交互:可以互相发送消息3、为web页面注入JS(Contentscripts)文件:方法一,在manifest,json文件中配置:/zcontent_scripts,z:[{""matches":[〃.〃css〃:[〃〃],〃•〃「〃••〃〃..〃二js:,」}],方法二通过executeScript():向页面注入JavaScript脚本执行。chrome,(integertabid,objectdetails,functioncallback)chrome,(tabid,{file:〃func・js〃,allFrames:true});UI外观1>browseraction:在chrome主工具条的地址栏右侧增加一个图标。注意:、manifest,json中配置注册browseraction:z,namez,:"Myextension〃,•••''browseraction'":{zzdefault_icon,z:/zimages/,//optional/zdefault_titlez/:"GoogleMail",//optional;shown