Question

我正在尝试构建一个移动网络应用程序，其中包含某个Facebook页面的类似Facebook的按钮，并且还可以从Facebook注销。

到目前为止我实现了所有目标，除了小问题，喜欢按钮（如果没有登录）在safari / ios中打开一个新页面并且在登录后，它没有返回到初始页面，因为他是来自。

我从这个论坛尝试了很多解决方案，但没有一个100％适用于我的问题，所以我还没有真正的解决方案......

这是代码：

<html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>TEST WEB APP</title> 
</head>

<body>
<div id="fb-root"></div>
<script>

var m_appId = '1234567890123456';
var m_appUrl = 'http://www.something.com/testapp/';

(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/all.js#xfbml=1&appId=" + m_appId;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function logout() {
  FB.logout(function(response) {
  // user is now logged out
  });
}

function fbLogoutUser() {
  FB.getLoginStatus(function(response) {
      if (response && response.status === 'connected') {
          FB.logout(function(response) {
              document.location.reload();
          });
      }
  });
}

</script>
<h1>LIKE US!</h1> 
<div class="fb-like" target="_self" data-href="https://www.facebook.com/somepage" data-send="false" data-layout="button_count" data-width="250" data-show-faces="false"></div>
<button style="display:block; margin-top:25px;" onclick="javascript:fbLogoutUser();">Logout from Facebook</button> 

</body>
</html>

Facebook上的“apple-mobile-web-app”按钮空白屏幕

0 个答案: