Why isnt window.location.href= not forwarding to page using Safari?

问题

My site lets users login via the Fb button, I'm using the FB / Parse.com JDK for this https://parse.com/docs/js/guide#users-facebook-users

Once the user has been identified, the below code logs the user in and forwards them onto a url. This works as expected under Chrome, but will not work using Safari, the page just stays on the fb.html page which is blank

I've seen that there were some historic issues with

window.location.href=

But, can't find a fix that works for my solution. Does anyone know a way around this?

Parse.FacebookUtils.logIn(null, {
    success: function(user) {
        if (!user.existed()) {

        } else {
            window.location.href="user_home.html";

        }
    },
    error: function(user, error) {

    }
});

回答1:

Best way work in all browsers:

setTimeout(function(){document.location.href = "user_home.html";},250);

回答2:

I think you need to use...

window.location = 'user_home.html';

回答3:

I had this happening to me as well on safari and found this post but found another solution I wanted to add with lots of browser support. Instead of replacing the current location use the method that is on the location object called assign()

document.location.assign(document.location.origin + "/user_home.html")

This also works

location.assign(location.origin + "/user_home.html")

Tested in Chrome and safari on desktop and mobile iOS devices

reference: https://www.w3schools.com/jsref/met_loc_assign.asp

回答4:

When I stack to this problem, I made function what working well on any Safari and also all browsers including mobile browsers:

function windowLocation(url){
    var X = setTimeout(function(){
        window.location.replace(url);
        return true;
    },300);

    if( window.location = url ){
        clearTimeout(X);
        return true;
    } else {
        if( window.location.href = url ){
            clearTimeout(X);
            return true;
        }else{
            clearTimeout(X);
            window.location.replace(url);
            return true;
        }
    }
    return false;
};

Is a bit "dirty" solution but give you ability to redirect your page in any case.

来源：https://stackoverflow.com/questions/31223216/why-isnt-window-location-href-not-forwarding-to-page-using-safari