Pourquoi avons-nous besoin d'ajouter <div id=“fb-root”></div>

Pourquoi nous avons besoin d'ajouter ces paire de balises à l'intérieur de notre facebook application. Quelle est l'utilité de cette paires de balises.
J'ai créé une application qui utilisent un apprequest, et il fonctionne bien, même si je n'ai pas l'ajout de ces balises en face de mes scripts.
Donc, je me demande vraiment pourquoi nous avons besoin de l'ajouter.
Merci.

InformationsquelleAutor Tinggo | 2011-11-11
  1. 46

    C'est le titulaire de place pour l'Facebook script javascript pour fixer des éléments du DOM. Sans cela, lorsque le référencés Facebook script est exécuté, il n'a pas de fixer des éléments.

    Vous pouvez voir fb-root est ajoutée en tant que partie de l'initialisation.

    <script type="text/javascript">
      window.fbAsyncInit = function() {
        FB.init({appId: 'xxxxxx', status: true, cookie: true,
                 xfbml: true});
      };

      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
    • Ceci est un exemple de l'utilisation de javascript discret.
    • salut on remarque la <div id="fb-root"></div> à cause de votre https:// pour être plus sécurisé?? Quand je pointez directement le navigateur https://.../myfb_app/ le fichier n'est pas analyser comme sûr, si j'ai le <div id="fb-root"></div> mais lorsque je le supprime, l'ensemble du dossier ne s'analyser comme sécurisé. Des suggestions??
    • Ne pourraient-ils pas directement ajouter à tête?
    • Ils ne pourraient pas directement ajouter à la première balise body?
    • au moins pour la version html5, le fb-root div doit été retiré.
    • Ce n'est pas discret. Facebook devrait créer un élément à fixer ses propres éléments.
    • La v2.1 SDK crée pour vous (avec un avertissement dans la console) si n'est pas déjà présent.
    • Mise à jour: Le SDK ne requiert plus la <div id="fb-root"></div> tag, et il n'est plus un avertissement dans la console si la balise est omis. Voir cette réponse.
    • v2.8 affiche un avertissement. 🙁
    • Josh. Pas de. Voir ma réponse à vous sur ma réponse.

    InformationsquelleAutor Simon Hutton
  2. 38

    Mise à JOUR: Facebook n'est plus nécessaire de vous inclure <div id="fb-root"></div> dans votre code HTML.

    Vous pouvez maintenant retirer. Le Facebook SDK Javascript crée son propre, ajoutant à la BODY tag. Aucun avertissement n'est affiché dans la console, comme il l'a fait avant.

    Le Facebook de la documentation a également été mis à jour, ne montre plus le <div id="fb-root"></div> exigence.

    Vieux de la documentation pour la version 1.0 (montre <div id="fb-root"></div>):
    https://developers.facebook.com/docs/javascript/quickstart/v1.0

    Actuel de la documentation pour la version 2.5 (n'affiche plus <div id="fb-root"></div>): https://developers.facebook.com/docs/javascript/quickstart/v2.5

    • Sauf puis nous semblent avoir des problèmes comme this.
    • La lecture de ces commentaires, il n'apparaît pas que quelqu'un a trouvé une solution pour quelle que soit la cause de l'OP de la question. Je ne dirais pas que l'ajout de la balise div est un correctif pour quoi que ce soit. Si il y a un problème, ça fait 2 ans, et je suis sûr qu'il a été résolu par Facebook. La meilleure option est de suivre leurs recommandations du code, qui ne comprennent pas que la balise div.
    • v2.8 montre un avertissement...
    • Tout d'alerte que vous recevez n'est pas liée à ce sujet. Il suffit de suivre le code actuel que Facebook recommande.
    • C'est totalement liés. v2.8 montre l'avertissement si vous n'incluez pas le fb-root div.
    • Un copier-coller de l'avertissement ici. Je soupçonne l'avertissement que vous faites allusion, est complètement différent. Le Facebook code a depuis longtemps fait disparaître la div tag.
    • Voir ici (je souhaite que je pourrais formater mieux): facebook-sdk-debug.js:2069 Le "fb-root" div n'a pas été créé, à l'auto-création d' @ facebook-sdk-debug.js:2069append @ facebook-sdk-debug.js:3237appendHidden @ facebook-sdk-debug.js:3284(fonction anonyme) @ facebook-sdk-debug.js:7321flush @ facebook-sdk-debug.js:3164
    • Ce n'est pas un "avertissement". C'est les informations de débogage simplement en indiquant que c'est de l'auto-création de la balise div. Encore une fois, il suffit de suivre les instructions de configuration de Facebook a fourni, qui a fait disparaître le codage en dur qui balise div.

    InformationsquelleAutor Doug S
  3. -2

    Il devient encore plus simple avec Turbolinks 5. Vous avez juste besoin d'ajouter data-turbolinks-permanent=true à la fb-root div et il sera persisté entre les demandes. Pas besoin de jouer avec le javascript.

    InformationsquelleAutor Pierre Olivier Martel