페이스 북 웹 앱 개발 오류

Question

내가 크롬에 디버그 콘솔에 다음과 같은 오류가 계속

[blocked] The page at https://myURL/canvas ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css. 
[blocked] The page at https://URL/canvas ran insecure content from http://connect.facebook.net/en_US/all.js. 
[blocked] The page at https://URL/canvas ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js. 

이이가 GET 요청하게하는 페이스 북의 응용 프로그램이

머리에 부착 된 JS 스크립트입니다 내 자신의 서버,이 일을하고 그냥 내 코드에서 변경하지 않고 일을 중단! Facebook이 내 요청을 차단하는지 확신 할 수 없습니다.

Answer 1

이러한 오류는 기본 페이지 (귀하의 경우 Facebook 앱)가 HTTPS를 통해로드 될 때 HTTP를 통해 다른 외부 리소스 (예 : 이미지)를 다른 도메인에로드 할 때 발생합니다.

외부 스크립트를 호출 할 때 프로토콜의 상대 URL을 사용하십시오. 대신이의 예를 들면 다음과 같습니다

<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"> 

는이 작업을 수행 :

<script src="//connect.facebook.net/en_US/all.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"> 

편집 : 참고 프로토콜 상대 URL이 스타일 시트에 사용하는 경우, IE7과 IE8 두 번 다운로드됩니다 : http://paulirish.com/2010/the-protocol-relative-url/