现在制作网页有一个非常流行的词——自适应，或者跨屏，或者“响应式”，就是网页会根据屏幕的宽度来自动调整它的样式，而不让网页变形而惨不忍睹，这样，PC端和手机移动端都会有很好的观赏性。在移动互联网时代，网站适配手机早已经成为了标配。
如果您已经有网站但是没有适配手机可以了解下跨屏网推出的一句话JS，网站快速适配手机。
对于一些大型功能性网站，一般还是独立来做，pc一套，手机一套。
这时，我们就可以把PC端和手机端分开来，各自以各自的网页布局来展示自己，如果在手机端输入PC端域名，它会自动跳转到手机端域名，如：在手机浏览器输入 www.kuaping88.com ，会自动跳转到 m.kuaping88.com 网站。怎样实现的呢？
通过JS我们就可以实现这样的跳转功能。代码如下：
//手机判断，如果是手机浏览，跳转到手机网站
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf(“?mobile”)<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href=”http://m.kuaping.com”;
}
}catch(e){}
}
}
通过上面的代码，我们就可以实现跳转到手机页的功能：如果在PC端，不会做出判断；如果是移动端浏览器，就会做出判断，如果是PC域名，就做跳转。
未经允许不得转载：跨屏互联 » JS判断是否手机，并且跳转到手机适配版
