Question

我正在尝试使用angular 2 RC1在chrome中创建一个DevTools页面扩展，但我发现了一些问题。在先前版本的角度（beta-7）中，我不会遇到这类问题。

我认为这些问题与Zone.js文件中的某些跨源请求（XMLHttpRequest）有关，或者是因为存在某些违反chrome扩展内容/限制的行为。

有人遇到过这种问题吗？

对于角度2 app，我用来测试面板the tour of heroes tutorial of angular。其余文件的配置或多或少如下：

（的manifest.json）

NSUncaughtExceptionHandler

（devtools.js）

...
"content_security_policy": "script-src 'self'; object-src 'self'",   
"minimum_chrome_version": "10.0",
"devtools_page": "devtools/devtools.html",

PS：我是这个角度新世界的新人。：害羞：谢谢你的帮助！

编辑。这些是我在控制台中遇到的错误：

拒绝执行内联脚本，因为它违反了以下内容内容安全政策指令：＆＃34; script-src＆＃39; self＆＃39;＆＃34;。要么是＆＃39;不安全直插＆＃39;关键字，哈希（＆＃39; sha256-G0mTaF6bWvyc4n9GAJfTdnuzxv4B + t1WU0aL2FBX94A =＆＃39;），或者一个随机数（＆＃39; nonce -...＆＃39;）是启用内联执行所必需的。

Answer 1

此问题是Chrome扩展内容安全策略。您可以查看文档https://developer.chrome.com/extensions/contentSecurityPolicy#relaxing-inline-script

如果你的html中有内联脚本

<script>// js code</script>

更改为

<script src="xxx.js"></script>

如何使用Angular 2 RC1创建chrome扩展

1 个答案: