Chrome扩展开发文档 - (EPUB全文下载)

文件大小:0.95 mb。
文件格式:epub 格式。
书籍内容:

目錄
介紹 
基础文档 
综述 
调试 
格式:Manifest文件 
模式匹配 
改变浏览器外观 
Browser Actions 
Context Menus 
桌面通知 
Omnibox 
Override替代页 
Page Actions 
主题 
与浏览器交互 
书签 
Cookies 
chrome.devtools.* APIs 
Events 
chrome.history 
Management 
标签 
视窗 
实现扩展 
无障碍性(a11y) 
背景页 
Content Scripts 
跨域 XMLHttpRequest 请求 
国际化 (i18n) 
消息传递 
Optional Permissions 
NPAPI 插件 
完成并发布应用 
自动升级 
托管 
打包 
规范和协议 
应用设计规范 
开发人员协议 
免责声明 
Chrome 扩展开发文档
来源:
Chrome 扩展开发文档
基础文档
综述
当读完了这个综述和入门之后,就可以开始创建应用(扩展)和WebApp了。 注意:WebApp是通过应用(扩展)的方式实现的,所以除非特别声明,本页所有内容都适用于WebApp。
基本概念
一个应用(扩展)其实是压缩在一起的一组文件,包括HTML,CSS,Javascript脚本,图片文件,还有其它任何需要的文件。 应用(扩展)本质上来说就是web页面,它们可以使用所有的浏览器提供的API,从XMLHttpRequest到JSON到HTML5全都有。
应用(扩展)可以与Web页面交互,或者通过content script或cross-origin XMLHttpRequests与服务器交互。应用(扩展)还可以访问浏览器提供的内部功能,例如标签或书签等。
应用(扩展)的界面
很多应用(不包括WebApp)会以browser action或page action的形式在浏览器界面上展现出来。每个应用(扩展)最多可以有一个browser action或page action。当应用(扩展)的图标是否显示出来是取决于单个的页面时,应当选择page action;当其它情况时可以选择browser action。
这个gmail提醒应用使用了browser action,它在工具栏上增加一个图标
这个新闻阅读应用也使用了browser action,当点击时会弹出一个气泡窗口
这个地图应用使用了page action和content script(注入到页面内执行的脚本)
应用也可以通过其它方式提供界面,比如加入到上下文菜单,提供一个选项页面或者用一个content script改变页面的显示等。可以在"开发指南"中找到应用(扩展)特性的完整列表以及实现的细节。
WebApp界面
一个WebApp通常会打包一个包含了主要功能的html页面进来。例如下图中这个WebApp在HTML页面中显示了一个flash文件。
更多信息,查看
Packaged Apps

文件
每个应用(扩展)都应该包含下面的文件:
一个manifest文件
一个或多个html文件(除非这个应用是一个皮肤)
可选的一个或多个javascript文件
可选的任何需要的其他文件,例如图片
在开发应用(扩展)时,需要把这些文件都放到同一个目录下。发布应用(扩展)时,这个目录全部打包到一个应用(扩展)名是.crx的压缩文件中。如果使用
Chrome Developer Dashboard
,上传应用(扩展),可以自动生成.crx文件。
引用文件
任何需要的文件都可以放到应用(扩展)中,但是怎么使用它们呢?一般的说,可以像在普通的HTML文件中那样使用相对地址来引用一个文件。下面的例子演示了如何引用images子目录下的文件myimage.png

如果使用360极速版内置的调试器(开发人员工具),可以看到每一个应用(扩展)中的文件也可以用一个绝对路径来表示:
>
chrome-extension://

/ 在这个URL中,是为每一个应用(扩展)生成的唯一ID。从chrome://extensions页面中可以看到已经安装的所有应用(扩展)的唯一ID。是文件在应用(扩展)目录下的路径,也就是它的相对路径。
在这个URL中,名为manifest.json的文件包含了应用(扩展)的基本信息,例如最重要的文件列表,应用(扩展)所需要的权限等。下面是一个典型的应用(扩展),使用了browser action并访问google.com
{ "name": "My Extension", "version": "2.1", "description": "Gets information from Google.", "icons": { "128": "icon_128.png" }, "background_page": "bg.html", "permissions": ["
http://*.google.com/
", "
https://*.google.com/
"], "browser_action": { "default_title": "", "default_icon": "icon_19.png", "default_popup": "popup.html" } }
详细信息,参考
Manifest Files

基本架构
绝大多数应用(扩展)都包含一个背景页面(background page),用来执行应用(扩展)的主要功能。
上图显示了安装了两个应用(扩展)的浏览器。两个应用(扩展)分别是黄色图标代表的browser action和蓝 ............

书籍插图:
书籍《Chrome扩展开发文档》 - 插图1
书籍《Chrome扩展开发文档》 - 插图2

以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。

版权声明:书云(openelib.org)是世界上最大的在线非盈利图书馆之一,致力于让每个人都能便捷地了解我们的文明。我们尊重著作者的知识产权,如您认为书云侵犯了您的合法权益,请参考版权保护声明,通过邮件openelib@outlook.com联系我们,我们将及时处理您的合理请求。 数研咨询 流芳阁 研报之家 AI应用导航 研报之家
书云 Open E-Library » Chrome扩展开发文档 - (EPUB全文下载)