在制作手机网站时,需要判断用户访问网站的设备是手机还是电脑,然后跳转到相应的版面。判断手机或电脑访问的方法有很多,今天学做网站论坛分享一下通过JS判断手机或电脑访问并跳转的方法,这个方法简单好用。JS识别电脑PC端和手机移动端跳转到不同网址方法:
<script type="text/javascript"> if(document.documentElement.clientWidth<768){ // window.location.href="http://www.qq.com"; alert("手机端") }else{ // window.location.href="http://www.baidu.com"; alert("电脑端") } </script>
<script type="text/javascript"> //判断是否移动端访问 browserRedirect(); function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = 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 (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { //window.location.href = "https://www.baidu.com/"; } } </script>