UPDATE:
This issue is affecting both Chrome and safari browser apps.
I'm trying to use Facebook login (Javascript/Parse) on my site with the following code. It works fine in the PC browser.
Issue with Chrome app
Error, unsupported Browser: Google Chrome for iOS does not support this feature. Please use Safari and try again
It stops on the follwing url (Ive changed sensitive data to XXXX).
Issue with safari app
It stops on the page that has my script to execute the login scripts, even with a browser refresh it does not move past this page and does not log the user in.
I've seen some posts here FB.login broken flow for iOS WebApp , but unsure if they will resolve it or where to place the code?
My code is as follows:
<!doctype html>
<!-- Runs Parse and FB code that uses Facebook authentication to login user to the site and redirects them to the main content area. This page is fired from the Facebook button being clicked on the site landing page-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>Fb Login</title>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.16.min.js"></script>
</head>
<body>
<!-- Important, must be on the page -->
<div id="fb-root"></div>
<!-- Initialize the Parse object-->
<script type="text/javascript">
Parse.initialize("XXX", "XXX");
//Fb app information//
window.fbAsyncInit = function() {
Parse.FacebookUtils.init({
appId : 'XXX',
channelUrl : 'http://XXXX/channel.html',
status : true,
cookie : true,
xfbml : true
});
//FB user authentication script, after this completes it fires todos_two.js to redirect user to main content page//
Parse.FacebookUtils.logIn(null, {
success: function(user) {
if (!user.existed()) {
alert("User signed up and logged in through Facebook!");
window.location.href="user_home.html";
} else {
alert("User logged in through Facebook!");
window.location.href="user_home.html";
}
},
error: function(user, error) {
alert("User cancelled the Facebook login or did not fully authorize.");
}
});
};
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</body>
</html>
