Facebook Login/Like Fail on IE8_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-01-16 19:45 出处：网络

I\'ve recently implemented Facebook Login button and a Facebook \"Like\" button using XFBML. You can see the site on http://colnect.com

I've recently implemented Facebook Login button and a Facebook "Like" button using XFBML. You can see the site on http://colnect.com

Everything works well with FireFox, Chrome, Opera & Safari.

However, IE doesn't show neither "login" o开发者_高级运维r "like" buttons and no error message is available as well.

Any ideas?

Seems I'll be the kind of person to answer himself hoping it'll help someone.

For Internet Explorer to recognize Facebook you should add

xmlns:fb="http://www.facebook.com/2008/fbml"

to your html tag, for me it's

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

The second problem I had was that IE doesn't support Array.indexOf() so here's the way around it:

if(!Array.indexOf){
  Array.prototype.indexOf = function(obj){
          for(var i=0; i<this.length; i++){
              if(this[i]==obj){
                  return i;
              }
          }
      return -1;
  }
}

Hope it helps.

I solved my issue with this code. Rest of the solution didn't work for my case.

<script>

    window.fbAsyncInit = function() {
        FB.init({
          appId  : '330984983742',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml  : true  // parse XFBML
        });
    };

    (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/<?php echo ($_SESSION["lang"]=="es")?"es_ES":"en_US"; ?>/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
        FB.XFBML.parse('fb-stuff'); 
    }());

</script>

I hope it will help someone else.

For me what did that trick consistently was adding class='fb-like' to the <fb:like> tag.