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 }
Browser Actions可以理解成扩展图标,它的功能就是把你的应用显示在Chrome工具栏上,上图是在地址栏的右侧。可以看出在文件manifest.json中来把相应的图标和其他参数注册到Browser Actions。
点击图标可以弹出一个下面这个框。
在
chrome://extensions/
中可显示插件的基本信息。如下图: