Page 423 - AngularJS权威教程

31.4 manifest.json 403

19

20

21

22

图31-2 文件结构 23

这里把CSS文件存放到css/目录中，自定义字体存放在fonts/中，而JavaScript文件存放在js/中。
还会设置js/app.js文件为主JavaScript文件，以及根目录中的tab.html为应用的HTML模板。 24

有一些非常好的工具可以帮助我们创建Chrome应用扩展的引导程序，比如 25
Yeoman 。
①
在启动Chrome扩展之前，还需要先获取一些依赖。 26
②
这里将会从angularjs.org 下载最新版的angular.min.js ，以及angular-route.min.js ，然后将它
④
③
们保存到js/vendor/目录中。 27
最后，这里还会使用Twitter的Bootstrap 3框架为我们应用提供样式，因此还需要从
⑤
getbootstrap.com 下载bootstrap.min.css文件，然后将它保存到css/中。 28

⑥
在产品中，有多个开发人员一起工作时，使用Bower 这类工具通常能够更有效 29
地管理依赖。由于这里要构建一个newtab应用，为了快速启动而使应用程序保
持轻量级是很重要的。
30

31.4 manifest.json 31

在我们编写的每个Chrome应用中，都需要设置一个manifest.json文件。这个manifest文件
用于告诉Chrome应用程序该应该如何运行，应该使用什么文件以及有什么权限，等等。 32
在这里，这个manifest.json文件需要将我们的应用描述为一个newtab应用，还要描述Chrome
应用需要的content_security_policy（这是一个描述应用程序能做什么不能做什么的策略选 33
项）和背景脚本。
34
——————————
① http://yeoman.io/
② http://angularjs.org/ 35
③ http://code.angularjs.org/1.2.16/angular.min.js
④ http://code.angularjs.org/1.2.16/angular-route.min.js
⑤ http://getbootstrap.com/ 36
⑥ http://bower.io/