导入到Chrome+Codio时不加载库的项目

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，火狐)，Codio和火狐。它确认JS/HTML/CSS是有效的。

它不能在"Chrome + Codio.com“上工作。谷歌地图应用编程接口链接在fiddle.net上是正常的，但是被标记为“不安全”。

这个Chrome-Codio故障的原因是什么？

3:除了中文地址，但现在不重要了

Answer 1

说明：这个问题是由于Chrome造成的。当Chrome在一个安全的网站上时，它拒绝调用不安全的(http://))外部资源。

解决方案/解决方法1:，而不是

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

而应该使用：

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

解决方案/解决方法2:我一直在noticed1，Codio项目可以在http://和http:// urls上运行。因此，如果您项目在以以下方式运行时遇到问题：

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

切换到非安全url：

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

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

1:非常感谢Joel Moss的解释和建议！