基于JS实现移动终端在访问PC端页面时跳转到对应的移动终端网页

如果不想通过CSS自适应在PC端和移动端显示不同的样式，只能在移动端访问PC端网页时跳转到对应的移动端网页。怎么跳？网上有很多文章显示，下面的实现思路已经被边肖测试过了，大家可以放心使用。

1.效果图。

电脑访问显示：

移动接入显示器：

2.实现：

不考虑移动搜索引擎优化，只需要通过JS判断移动终端是否移动，再决定是否跳转到指定页面。主要JS如下：

//判断是否移动终端，如果是，跳转到指定的URL地址，函数browser redirect(URL){//一个只读字符串，声明浏览器用于HTTP请求的用户代理头的值，var suseragent=navigator . user agent . to lower case()；var bIsIphoneOs=suseragent . match(/iphone OS/I)=' iphone OS '；var Bismidp=SuSeragent . match(/midp/I)==' midp '；var bisuc 7=suseragent . match(/RV :1 . 2 . 3 . 4/I)=' RV :1 . 2 . 3 . 4 '；var bIsUc=SuSeragent . match(/ucweb/I)==' ucweb '；var bisAnDroid=SuSeragent . match(/Android/I)=' Android '；var bIsCE=SuSeragent . match(/windows ce/I)=' windows ce '；var bIsWM=SuSeragent . match(/windows mobile/I)=' windows mobile '；if(bIsIphoneOs | | Bismidp | | BisUC 7 | | BisUC | | BisAnDro | | BisCe | | BisWM){ window . location . replace(URL)；}}然后在页面上引用JS并调用方法：

脚本src='http:/js/WAP . js '/script script type=' text/JavaScript ' browseredirect(' http://ycdoit.com/test/test mobile . html ')；/脚本我们善意提醒：您可以使用PC和手机访问测试页面演示效果！

本文向大家介绍了基于JS的移动终端在访问PC终端页面时跳转到对应的移动终端网页的实现，就给大家介绍这么多，希望对大家有所帮助！