Ошибка разработки веб-приложения Facebook

Я продолжаю получать следующую ошибку на консоли отладки на chrome

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

это js-скрипты, прикрепленные к голове

Это приложение для facebook, которое делает запрос GET на мой собственный сервер. Это работало и просто перестало работать без каких-либо изменений в моем коде! Я не уверен, что Facebook блокирует мои запросы.

Ответ 1

Эти ошибки возникают при загрузке скриптов и других внешних ресурсов (например, изображений) в другие домены через HTTP, когда основная страница (которая является вашим приложением Facebook в вашем случае) загружается через HTTPS.

Посмотрите код вашего приложения, используйте относительные 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="#" onclick="location.href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css'; return false;">

Сделайте это:

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