javascript - 项目导入 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、Firefox)和带有 Firefox 的 Codio。它确认 JS/HTML/CSS 是有效的。

它不适用于“Chrome + Codio.com”。 Google map 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://网址上运行。因此，如果您的项目在运行时遇到麻烦:

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

切换到不安全的网址:

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

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

[1]:非常感谢 Joel Moss 的解释和提示!