在制作手機網站時,需要判斷用戶訪問網站的設備是手機還是電腦,然后跳轉到相應的版面。判斷手機或電腦訪問的方法有很多,今天學做網站論壇分享一下通過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>