Page 425 - AngularJS权威教程

31.6 在 Chrome 中加载应用 405

可以在http://code.angularjs.org/snapshot/angular-csp.css 找到angular-csp.css文件。 19
①
最后，还必须把ngCsp放在Angular应用的根元素旁边：

<htmlng-appng-csp> 20

在没有ngs-csp指令的情况下，Chrome应用将不会运行；它会抛出一个安全隐
患。如果看到安全隐患被抛出，请检查应用的根元素以确保有这个指令。 21

31.6 在 Chrome 中加载应用 22

对于正在开发中的应用也可以将它加载到Chrome以便在浏览器中了解进展情况。要在 23
Chrome中加载应用，首先应该导航到URL：chrome://extensions/。

导航到这里之后，可以点击“加载正在开发的扩展程序...”按钮，然后找到项目的根目录（这 24
个目录中包含在上面定义的manifest.json文件），如图31-3所示。
25

26

27

图31-3 加载未打包的扩展
28
这个应用程序加载到Chrome浏览器之后，我们可以打开一个新标签页，并且应该看到带有
一个错误信息的空应用（不要担心，很快就会修复它），如图31-4所示 29

30

31

32

33

34
图31-4 在浏览器中加载未打包的扩展

无论什么时候，只要更新或者修改了manifest.json文件，都需要在chrome:// 35
extensions中点击“重新载入”按钮，重新在幕后连接我们的Chrome应用。
—————————— 36
① http://code.angularjs.org/snapshot/angular-csp.css