0

我刚刚将一个工作的 JSfiddle 项目迁移到 Chrome+Codio。我做了一个精确的复制粘贴。它失败并显示错误消息：

<p>[blocked] The page at <a href="https://d.codio.com/hugolpz/Censorship-zh/App/index.html">https://d.codio.com/hugolpz/Censorship-zh/App/index.html</a> ran insecure content from <a href="http://maps.google.com/maps/api/js?sensor=false">http://maps.google.com/maps/api/js?sensor=false</a>. 
Uncaught ReferenceError: google is not defined index.html:51 
window.onload</p>

它适用于 JSfiddle（Chrome、Firefox）和带有 Firefox 的 Codio。它确认 JS/HTML/CSS 是有效的。

它不适用于“Chrome + Codio.com”。谷歌地图 API 链接在 fiddle.net 上没问题，但被标记为“不安全”。

这个 Chrome-Codio 故障的根源是什么？

[3]：[汉字地址除外，但现在无所谓]

4

1 回答 1

4

说明：此问题是由 Chrome 引起的。当 Chrome 在安全网站 ( https://Codio.com ) 上时，它拒绝调用非安全 ( http:// ) 外部资源。

解决方案/解决方法1：另外，而不是 

<script src="http://mysite.org"></script> // which is forbidden by Chrome!

而是使用：

<script src="//mysite.org"></script>

解决方案/解决方法 2：我注意到 [1] Codio 项目可以在 https:// 和 http:// 网址上运行。因此，如果您的项目在运行时遇到麻烦：

https://d.codio.com/myName/myProject/App/

切换到非安全网址：

http://d.codio.com/myName/myProject/App/

并且所有外部资源都应该可以正常加载。

[1]：非常感谢 Joel Moss 的解释和提示！

于 2013-03-25T20:15:01.153 回答