Question

我刚刚将working JSfiddle project迁移到Chrome + Codio。我做了exact copy-paste。它失败并显示错误消息：

<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]：[除了中文字符地址，但现在没关系]

Answer 1

说明：此问题归咎于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：// urls上运行。因此，如果您的项目在运行时遇到麻烦：

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

切换到无安全网址：

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

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

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

导入Chrome + Codio时，项目未加载库

1 个答案: