chrome_扩展教案解析.pptVIP

* 一个chrome扩展的工作原理，可以分成两部分来： 1、扩展进程 2、页面渲染进程 扩展进程和页面渲染进程之间通过“发送消息与接收消息”的机制进行配合工作 * 1、扩展进程： Background Page:后台运行的文件，用来控制整个扩展的活动 Poppup Page:扩展内部的弹窗页面 Options Page:扩展内部的配置页面 扩展进程内部的页面之间，可以相互操作DOM 2、页面渲染进程 页面DOM树：页面 Content Script：扩展向页面注入的内容脚本 页面中的Script：页面本身的脚本 Content Script和页面本身的Script分别存储在两个不同的容器，互不影响，也不能相互访问，但是都可以直接操作页面DOM 3、扩展进程不能直接访问页面渲染进程，两者之间的交互只能通过sendRequest和onRequest.addListener的方式进行（消息机制） * 1、一个最简化的Chrome扩展，只需要具备一个manifest.json文件和一个background.html文件即可。 Manifest.json用来描述整个扩展的安装及运行信息；background.html用来控制整个扩展的运行。 注：如果开发的Chrome theme，连background.html都不需要。 2、较完整Chrome扩展结构除了具备manifest.json和background.html文件外，还应该具有 Options.html，为用户提供一个扩展的配置入口，另外还应该有语言包_locales目录、图片images目录以及插件plugins目录 * 上图是manifest.json文件中所有可能出现的配置项。 在Chrome扩展中，manifest.json文件是必不可少的，相当于Firefox扩展中的install.rdf和chrome.manifest文件的集合。 在这个文件中，包含了扩展的名称、版本、类型、使用到的资源等信息。 必填项： Name:chrome扩展的名称 Version：chrome扩展的版本，数字字符串，如1.0.0 推荐填写项： Description:扩展的相关描述 Icons:扩展的相关图标，建议提供16*16、48*48、128*128三种大小格式的图片 Default_locale：默认支持的语言，“en”对应“_locales\en\messages.json”，如果默认支持中文，则为“zh_CN” 选填项—类型： Browser_action:扩展的类型为浏览器级别 Page_action：扩展的类型为页面级别 Theme：当前扩展类型为浏览器主题 App：当前控制的类型为浏览器应用 选填项： Background_page：后台运行的文件，控制真个扩展的运行 Chrome_url_overrides：Override Page时用，如新标签页 Content_scripts：扩展向页面注入的脚本，比较常用 Homepage_url：主页 Incognito：用来指定当前扩展的运行情况，spanning表示共享进程，split表示独立进程 Key：扩展的唯一标识 Omnibox：地址栏特效，关键字匹配 Minimum_chrome_version：扩展支持的最小chrome版本 Options_page：扩展的配置页面 Permissions：扩展的权限配置，比如允许扩展操作tab、contextMenus等 Updata_url：自动更新的地址，如果是要将扩展发布到web store的话，不需要配置 * * * * * * * * 1、准备： 扩展开发：Chrome浏览器、常用前端开发工具 插件NPAPI开发：VS 2、开发： 普通Chrome的扩展开发起来非常简单，开发之前可以从/chrome/extensions/devguide.html了解各API的使用 3、测试打包 Chrome扩展代码编写完毕后，用Chrome浏览器自带的工具进行载入并测试 测试没问题以后，可以直接打包成*.crx文件 4、发布： Chrome扩展的发布方法 /intl/zh-CN/chrome/webstore/docs/publish.html 完全开放应用程序商店和扩展程序库是个好主意，但这也可能让你的商店充斥着很多质量低下的应用。 考虑到这一点，Google后来宣布了一些关于Chrome扩展、主题的新规则，并很快涉及应用程序。 最大的改变是，现在如果开发者希望自己的扩展、主题和应用程序在Google的扩展程序库出版，需要向Google一次性交费5美元。 Google指出，对于那些以前在扩展程序库注册的开发者来说不进行收费，而且可以免费更新。 但对于