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지도 API 링크는 fiddle.net에서는 괜찮지만 "안전하지 않음"으로 표시됩니다.

이 Chrome-Codio 오류의 원인은 무엇입니까?

[3] : [한자 주소를 제외한하지만 중요하지 않습니다 지금]

Answer 1

설명 :이 문제는 크롬 때문이다. 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. 노 보안 URL에

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

스위치 :

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

을 그리고 모든 외부 능숙 잘로드해야합니다으로 실행할 때 프로젝트가 곤경에 얻을 그래서 만약.

[1] :이 설명과 팁을 주신 Joel Moss에게 큰 감사를드립니다.