ProgramingTip

추가해야하는 이유

bestdevel 2020. 11. 28. 10:13
반응형

추가해야하는 이유


Facebook 애플리케이션에 필요한 태그 쌍을 추가해야하는 이유. 이 태그 쌍의 용도는 무엇입니까? apprequest를 사용하는 애플리케이션을 만들 가능성이있는 태그를 추가하지 않아도 잘 작동합니다. 그래서 왜 추가해야할지 궁금합니다. 감사합니다.


DOM에 요소를 첨부하기위한 Facebook javascript 펼쳐보기의 자리 표시 자입니다. 참조 된 Facebook 펼쳐지는 실행되지 않은 요소를 첨부 할 곳이 없습니다.

fb-root가 초기화의 일부로 추가되는 것을 볼 수 있습니다.

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

업데이트 : Facebook은 더 이상 <div id="fb-root"></div>HTML에 포함 할 필요가 없습니다 .

이제 제거 할 수 있습니다. Facebook Javascript SDK는 자체적으로 생성하여 BODY태그에 추가합니다 . 이전처럼 콘솔에도 경고가 표시되지 않습니다.

Facebook 문서도 업데이트되어 더 이상 <div id="fb-root"></div>요구 사항을 표시하지 않습니다 .

버전 1.0에 대한 이전 문서 (표시 <div id="fb-root"></div>) : https://developers.facebook.com/docs/javascript/quickstart/v1.0

버전 2.5에 대한 현재 문서 (더 이상 표시되지 않음 <div id="fb-root"></div>) : https://developers.facebook.com/docs/javascript/quickstart/v2.5


Turbolinks 5를 사용하면 훨씬 더 간단 data-turbolinks-permanent=true합니다. fb-rootdiv 에 추가 하기 만하면 요청간에 유지됩니다. 자바 펼쳐 조작 할 필요가 없습니다.

참고 URL : https://stackoverflow.com/questions/8097121/why-we-need-to-add-div-id-fb-root-div

반응형