Comment contourner 'FB n'est pas défini"?

Parfois je me fais de la "FB n'est pas défini" problème lors du chargement de la http://connect.facebook.net/en_US/all.js

J'ai réalisé que le problème est que parfois mon site il suffit de ne pas charger ce fichier. Donc, il ne reçoit rien, et l'objet FB littéralement n'existe pas.

Ma solution est de prévenir mes utilisateurs lorsque cela se produit, j'ai donc essayé les codes suivants dans le code JavaScript, mais aucune ne semble fonctionner:

if (FB) {/*run the app*/} else {/*alert the user*/}
if (FB!==false) {/*run the app*/} else {/*alert the user*/}
if (FB!='undefined') {/*run the app*/} else {/*alert the user*/}

merci pour la réponse!

InformationsquelleAutor Raul Leaño Martinet | 2011-03-16
  1. 16

    En supposant que FB est une variable qui contient le Facebook de l'objet, je voudrais essayer quelque chose comme ceci:

    if (typeof(FB) != 'undefined'
     && FB != null ) {
    //run the app
} else {
    //alert the user
}

    Afin de tester que quelque chose n'est pas défini dans le bon vieux JavaScript, vous devez utiliser le "typeof" de l'opérateur. L'exemple de vous montrer où vous venez de le comparer à la chaîne 'undefined' évaluera à faux, à moins que votre FB objet vraiment ne contient la chaîne 'undefined'!

    En aparté, vous pouvez utiliser divers outils comme Firebug (dans Firefox) afin de voir si vous pouvez travailler sur pourquoi le Facebook de fichier ne se charge pas.

    InformationsquelleAutor Rob Levine
  2. 77

    Je pense que vous devriez résoudre le principal problème au lieu de cela, la solution est fournie par Facebook (Chargement du SDK de manière Asynchrone):

    Vous devez l'insérer directement après la balise d'ouverture sur chaque page que vous souhaitez charger:

    <script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-id',
      xfbml      : true,
      version    : 'v2.1'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

    De la la documentation:

    Le Facebook SDK JavaScript n'ont pas autonome des fichiers
    besoin d'être téléchargé ou installé, au lieu de cela, il vous suffit d'inclure
    un court morceau de régulières JavaScript dans le HTML, qui sera
    de façon asynchrone charge le SDK dans vos pages. L'asynchrone en charge des moyens
    de ne pas bloquer le chargement d'autres éléments de votre page.

    Mise à JOUR: à l'aide de la dernière version du code à partir de la documentation.

    • merci pour votre réponse, j'ai finalement compris mon problème! +1
    InformationsquelleAutor ifaour
  3. 11

    Je suppose que vous avez manqué de mettre de point-virgule ; à l'accolade fermante } de window.fbAsyncInit = function() { ... };

    • Des points-virgules ne sont généralement pas nécessaires dans le code Javascript. Le seul moment où vous en avez besoin si vous mettez 2 énoncés qui peuvent être séparés par un point-virgule sur la même ligne. En supposant que le code n'a pas changé depuis le demandeur a posté il, son code semble bien pour moi.
    InformationsquelleAutor egenita
  4. 9

    Pour ceux qui sont encore obtenu ce FB bug, j'utilise cette effrontée pour résoudre ce problème.

    Au lieu de http://connect.facebook.net/en_US/all.js, j'ai utilisé HTTPS et l'a transformée en https://connect.facebook.net/en_US/all.js
    et il a fixé mon problème.

    InformationsquelleAutor Naseem Sarwar
  5. 4

    Il y a la solution pour vous 🙂

    Vous devez exécuter votre script une fois la fenêtre chargé

    si vous utilisez jQuery, vous pouvez utiliser de façon simple:

    <div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : 'your-app-id',
            xfbml      : true,
            status     : true,
            version    : 'v2.5'
        });
    };

    (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<script>
$(window).load(function() {
    var comment_callback = function(response) {
        console.log("comment_callback");
        console.log(response);
    }
    FB.Event.subscribe('comment.create', comment_callback);
    FB.Event.subscribe('comment.remove', comment_callback);
});
</script>
    InformationsquelleAutor manhhaiphp
  6. 2

    Vous étiez très proche de l'original de votre exemple. Vous pouvez soit utiliser @jAndy de la suggestion ou de l':

    if (typeof FB != 'undefined')
    InformationsquelleAutor kim3er
  7. 1

    C'est assez étrange pour FB de ne pas être chargé dans votre javascript si vous avez la balise de script n'correctement. Vérifiez que vous n'avez pas de javascript bloqueurs de bloqueurs de publicité, de suivi-bloquants etc installé dans votre navigateur, qui neutraliser votre FB de code de connexion.

    InformationsquelleAutor B_.
  8. 1

    J'avais FB jamais défini. S'est avéré que j'ai été le prototypage des fonctions dans la classe de l'Objet appelé "fusion" et un autre appelé "toArray".
    Ces deux foiré Facebook, pas de messages d'erreur mais il ne serait pas charge.

    J'ai changé les noms de mes prototypes, il fonctionne maintenant. Hey, si Facebook va prototype de l'Objet, ne devrais-je pas être autorisés à prototype il?

    InformationsquelleAutor zstew
  9. 1

    FB recommande d'ajouter l'async all.js inclure la droite après le corps, de sorte que FB objet préparez-vous lorsque vous l'utilisez dans la page.

    Vous pouvez également avoir un délai artificiel à l'aide de setTimeout pour s'assurer FB objet est chargé. par exemple,

    <script>setTimeout(function(){
FB.Event.subscribe('edge.create',
function (response) {
    alert('msg via fb');
});},2000);
</script>
    InformationsquelleAutor Azghanvi
  10. 0
    <script>  
    window.fbAsyncInit = function() {    
        FB.init({      
            appId      :'your-app-id',      
            xfbml      :true,      
            version    :'v2.1'
        });
    };
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if(d.getElementById(id)) {
            return;
        }     
        js = d.createElement(s); 
        js.id = id;     
        js.src ="//connect.facebook.net/en_US /sdk.js";     
        fjs.parentNode.insertBefore(js, fjs);
    }
    (document,'script','facebook-jssdk'));
</script>

    À partir de la documentation: Le Facebook SDK JavaScript n'ont pas autonome des fichiers qui ont besoin d'être téléchargé ou installé, au lieu de cela, il vous suffit d'inclure un court morceau de régulières JavaScript dans le HTML, tha

    InformationsquelleAutor Sachethe singh
  11. 0

    J'ai eu un problème similaire et il s'est avéré être bloqueur de pub Pro. Assurez-vous de vérifier que ce produit ou d'autres extensions de blocage ont été désactivés. J'ai perdu environ 1h 30 minutes à cause de cela. Se sentir comme un noob 😉

    InformationsquelleAutor rupi
  12. -1
    ...
</head>
<body>
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
<script type="text/javascript">
...

    Vérifier div id="fb-root" /div" !!! Il est très important de s'exécuter.

    InformationsquelleAutor Donggyoo Augustin Lee