UserAgent切换到移动网络

时间:2013-02-27 07:11:02

标签: javascript mobile web user-agent detect

我使用javascript作为useragent将主网站重定向到移动网站。但我无法切换到移动设备中的桌面视图。

通过“完整网站”链接重定向到移动设备主网站的任何方法?

这是我使用的javascript:

<script type="text/javascript">// <![CDATA[ 
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windowssce|palm/i.test(navigator.userAgent.toLowerCase())); 
if (mobile) { 
document.location = "/mobile"; 
} 
// ]]>
</script>

1 个答案:

答案 0 :(得分:1)

将此添加为链接:

<a href="#" onclick="goToDesktopVersion()">Desktop version</a>

和javascript(你需要实现作为评论提到的代码):

function goToDesktopVersion(){
    // 1.) set a cookie to remember you want the deskop version
    // 2.) set window.location to your desktop version
}

并考虑检测代码中的cookie(实现注释代码):

function keepDeskopVersionCookieIsSet(){
    // find out if the cookie is set and return true or false
}

...

var mobile = ... 
if (mobile && !keepDeskopVersionCookieIsSet() ) { 
    document.location = "/mobile"; 
}

需要使用Cookie,以便在点击“桌面版本”链接后,移动客户端不会再次重定向到移动版本。

Cookie是small piece of data,存储在客户端的浏览器中以保留一些信息。在这种情况下,这是用户想要保留页面桌面版本的信息。 Cookie总是在服务器和客户端之间相互发送,因此您可以在客户端(浏览器)或服务器上进行设置。在浏览器中,您可以使用Javascript设置cookie。我建议use some existing helper code为你做的工作,而不是从头开始编写保存cookie所需的所有代码。