chrome extensions

WebApp是通过应用(扩展)的方式实现的,一个应用(扩展)其实是压缩在一起的一组文件,包括HTML,CSS,Javascript脚本,图片文件,还有其它任何需要的文件。 应用(扩展)本质上来说就是web页面。

每个应用(扩展)都应该包含下面的文件:

1.一个manifest文件
2.一个或多个html文件
3.可选的一个或多个javascript文件
4.其他文件

一个简单的扩展可以有下面的三个 icon.png,manifest.json,popup.html 文件组成。

其中icon.png是一个图片文件,popup.html 是一个普通的html文件,manifest.json。

名为manifest.json的文件包含了应用(扩展)的基本信息,例如重要的文件列表,应用(扩展)所需要的权限等。

{ "name": "Rcc", "version": "1.2", "description": "this is a test", "permissions": ["topSites"], "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "manifest_version": 2 }

chrome extensions_第1张图片
Paste_Image.png

Browser Actions可以理解成扩展图标,它的功能就是把你的应用显示在Chrome工具栏上,上图是在地址栏的右侧。可以看出在文件manifest.json中来把相应的图标和其他参数注册到Browser Actions。

点击图标可以弹出一个下面这个框。

chrome extensions_第2张图片
Paste_Image.png

chrome://extensions/中可显示插件的基本信息。如下图:

chrome extensions_第3张图片
Paste_Image.png

你可能感兴趣的:(chrome extensions)