将移动用户重定向到桌面版本

Question

I have a Wordpress website that is using device detection to redirect users browsing on their mobile device to a specific page using the following:

<script>
if( /Android|webOS|iPhone|iPod|BlackBerry|IEMobile/i.test(navigator.userAgent) ) {
window.location = "176.32.230.17/domain.co.uk/m";
}
</script>

This code currently sits on the homepage template for domain.co.uk. Just after the opening body tag. The detection and redirection works well however, I need to provide a link back to the desktop version of the website on that mobile page. So just a simple link:

<a href="http://176.32.230.17/domain.co.uk/?ref=desktop">Link back to desktop website</a>

This works in that it directs the user back to the domain.co.uk address however, because the placement of the detection/redirection code is on the homepage template on domain.co.uk, the user gets redirected back to the mobile version. How can I fix this?

Answer 1

You'll need someway to convey the fact that the user has already been redirected once. If you're using PHP, you could have a conditional redirection using a GET variable. If you're just using Javascript, maybe use a cookie. HTML5 also supports some kind of data storage as well, but I'm not familiar with that.

EDIT: Actually, you could just tack on a GET variable to the address and not even use PHP. Just get the address using window.location.href and see if the variable is set using Javascript only.

EDIT2: Too much got put in the comments, so let me put this here. The link should be changed to:

<a href="http://176.32.230.17/domain.co.uk/?ref=desktop#redirected">Link back to desktop website</a>

And the redirection code can be changed to:

<script>
if( /Android|webOS|iPhone|iPod|BlackBerry|IEMobile/i.test(navigator.userAgent) &&
        !window.location.href.contains("#redirected") ) {
    window.location = "176.32.230.17/domain.co.uk/m";
}
</script>