1

Facebook Javascript SDK を使用して、自分の Web サイトに Facebook ログインを追加しようとしています。すべてが機能しているように見えますが、アクセス許可を求めるときにログイン ポップアップが開き、迷惑なスクロールバーが表示されます (私は既に Facebook にログインしています)。Firefox 16、IE 9 でテストしました。ポップアップで Facbook ログインを使用する他のサイトは、私のマシンでは同じ動作をしません。

おそらく彼らは別のアプローチを使用していますか？

これが私のコードです..それは非常に単純で、HTMLページにコピーして貼り付けるだけでテストできます。APP-IDを設定するだけです。

 <html>
 <body>

    <img src="images/facebooklogin.png" id="login-fb" onclick="login();" />

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

      // Load the SDK Asynchronously
      (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
       }(document));


 function login()
 {
     facebookPerms = [
         'user_photos', 'email', 'offline_access', 'user_relationships', 'read_stream',
         'user_about_me', 'user_birthday', 'user_education_history', //'publish_stream',
         'user_hometown', 'user_interests', 'user_location', 'user_likes',
         'user_religion_politics', 'user_activities', 'user_work_history'
     ];

     //Get the facebook login status
     FB.getLoginStatus(function(response) {
         if (response.session) {
             // logged in and connected user, someone you know
             ajaxLogin();
         } else {
             //Display the facebook login dialog
             FB.login(function(response) {
                 if (response.authResponse) {
                     // user is logged in and granted some permissions.
                     // perms is a comma separated list of granted permissions
                     ajaxLogin();
                 } else {
                     // user is not logged in, display the error dialog box
                     errorNotLogged();
                 }
             }, {
                 //Ask for permissions of Facebook
                 scope: facebookPerms.join(',')
             });
         }
     });
 }
 </script>

 </body>
 </html>
4

0 に答える 0