<fb: login-button> проблемы только с IE8 (Internet Explorer)

На моем сайте я реализовал кнопку входа в Facebook, и она хорошо работает во всех браузерах, кроме IE. Не уверен, почему в IE это не работает хорошо. Вы можете увидеть его сломанным на главной странице моего сайта http://colnect.com/ со следующей ошибкой Javascript:

Message: Unknown runtime error
Line: 43
Char: 729
Code: 0
URI: http://connect.facebook.net/en_US/all.js

На двух других страницах с точно таким же кодом FBML http://colnect.com/en/account/create и http://colnect.com/en/sfGuardAuth/signin кнопка появляется и работает хорошо.

Есть идеи?

3 ответа

Добавьте это к вашему документу:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

У меня была такая же проблема, потому что я поместил "fb:login-button" внутри тега "a". Если у вас есть кнопка fb внутри другого элемента, попробуйте оставить ее.

Я только что увидел то же самое и смог исправить это, правильно подключив файл канала. С https://developers.facebook.com/docs/reference/javascript/:

Файл канала

Файл канала решает некоторые проблемы междоменного взаимодействия в определенных браузерах. Содержимое файла channel.html может быть только одной строкой:

<script src="//connect.facebook.net/en_US/all.js"></script>

Хорошо, я думаю, что они хотели добавить http: во всяком случае, во всяком случае, это то, что мне понадобилось, чтобы заставить его работать. Затем вам нужно сослаться на файл канала в вашем FB.init - ну, смотрите их страницу для этого, но это обычно:

<script>   
window.fbAsyncInit = function() {
FB.init({
appId      : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
...

Надеюсь, что это полезно для тех, кто прячет их волосы прямо сейчас. И надеюсь, что это работает для других, кроме меня!

О, также только что нашел эту ссылку на тему: http://blog.tiecliphq.com/2011/06/ie8-facebook-xd-proxy-fix.html

Другие вопросы по тегам