Facebook Web App Entwicklung Fehler

Question

Ich halte an der Debug-Konsole auf Chrom die folgenden Fehler bekommen

[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. 

das ist die js Skripte am Kopf befestigt

THis ein Facebook-App ist, die Anfrage GET macht mein eigener Server, dieser funktionierte und hörte einfach auf zu arbeiten, ohne meinen Code zu ändern! Ich bin mir nicht sicher, ob Facebook meine Anfragen blockiert.

Answer 1

Diese Fehler treten beim Laden von Skripten und anderen externen Ressourcen (wie Bildern) auf anderen Domains über HTTP auf, wenn die Hauptseite (in Ihrem Fall Ihre Facebook-App) über HTTPS geladen wird.

Suchen Sie im Code Ihrer App, verwenden Sie protokollrelative URLs beim Aufrufen externer Skripts. statt dessen zum Beispiel:

<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"> 

tun:

<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"> 

Edit: Beachten Sie, dass, wenn Protokoll relative URLs auf Stylesheets verwendet werden, IE7 und IE8 wird es zweimal herunterladen: http://paulirish.com/2010/the-protocol-relative-url/