建站百科

文章导读：本文主要阐述了“JS判断是否手机，并且跳转到手机适配版”现在制作网页有一个非常流行的词自适应，或者跨屏，或者响应式，就是网页会根据屏幕的宽度来自动调整它的样式，而不让网页变形而...，本文由跨屏网最后更新于2020-07-27，全文共813个字，预计阅读时长2分42秒。

如果您已经有网站但是没有适配手机可以了解下跨屏网推出的一句话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判断是否手机，并且跳转到手机适配版”的一些看法，欢迎指正、交流。

文章题目：JS判断是否手机，并且跳转到手机适配版
网站路径：http://test.kuaping.com/article/show250.html