這篇文章主要介紹了使用JavaScript怎么對(duì)PC端與移動(dòng)端進(jìn)行判斷并實(shí)現(xiàn)跳轉(zhuǎn)，此處通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考價(jià)值，需要的朋友可以參考下：

創(chuàng)新互聯(lián)建站堅(jiān)信：善待客戶，將會(huì)成為終身客戶。我們能堅(jiān)持多年，是因?yàn)槲覀円恢笨芍档眯刨嚒Ｎ覀儚牟缓鲇瞥踉L客戶，我們用心做好本職工作，不忘初心，方得始終。10余年網(wǎng)站建設(shè)經(jīng)驗(yàn)創(chuàng)新互聯(lián)建站是成都老牌網(wǎng)站營(yíng)銷服務(wù)商,為您提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、H5建站、網(wǎng)站制作、高端網(wǎng)站設(shè)計(jì)、小程序制作服務(wù),給眾多知名企業(yè)提供過(guò)好品質(zhì)的建站服務(wù)。

網(wǎng)上流傳的判斷為： 

mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/), //是否為移動(dòng)終端

判斷不完整才會(huì)造成這種原因。

正確的判斷應(yīng)該為：

mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否為移動(dòng)終端

測(cè)試程序代碼

var browser = {
 versions: function() {
  var u = navigator.userAgent;
  return {
   trident: u.indexOf('Trident') > -1,
   presto: u.indexOf('Presto') > -1,
   webKit: u.indexOf('AppleWebKit') > -1,
   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
   mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0,
   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
   android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
   iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
   iPad: u.indexOf('iPad') > -1,
   webApp: u.indexOf('Safari') == -1
  }
 } (),
 language:(navigator.browserLanguage || navigator.language).toLowerCase()
};
document.writeln("語(yǔ)言版本: "+browser.language+"</br>");
document.writeln(" 是否為移動(dòng)終端: "+browser.versions.mobile+"</br>");
document.writeln(" ios終端: "+browser.versions.ios+"</br>");
document.writeln(" android終端: "+browser.versions.android+"</br>");
document.writeln(" 是否為iPhone: "+browser.versions.iPhone+"</br>");
document.writeln(" 是否iPad: "+browser.versions.iPad+"</br>");
document.writeln(navigator.userAgent+"</br>");

完整版，運(yùn)用于項(xiàng)目代碼

/*
*
* 判斷PC端與WAP端
*/
var mobile_bs = {
 versions: function() {
  var u = navigator.userAgent;
  return {
   trident: u.indexOf('Trident') > -1, //IE內(nèi)核
   presto: u.indexOf('Presto') > -1, //opera內(nèi)核
   webKit: u.indexOf('AppleWebKit') > -1, //蘋(píng)果、谷歌內(nèi)核
   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核
   mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否為移動(dòng)終端
   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
   android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器
   iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器
   iPad: u.indexOf('iPad') > -1,  //是否iPad
   webApp: u.indexOf('Safari') == -1 //是否web應(yīng)該程序，沒(méi)有頭部與底部
  }
 } ()
};
if (mobile_bs.versions.mobile) {
 if (mobile_bs.versions.android || mobile_bs.versions.iPhone || mobile_bs.versions.iPad || mobile_bs.versions.ios) {
  window.location.href = "移動(dòng)端網(wǎng)址";
 }
};

到此這篇關(guān)于使用JavaScript怎么對(duì)PC端與移動(dòng)端進(jìn)行判斷并實(shí)現(xiàn)跳轉(zhuǎn)的文章就介紹到這了，更多相關(guān)內(nèi)容請(qǐng)搜索創(chuàng)新互聯(lián)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)！

網(wǎng)站欄目：使用JavaScript怎么對(duì)PC端與移動(dòng)端進(jìn)行判斷并實(shí)現(xiàn)跳轉(zhuǎn)
文章網(wǎng)址：http://chinadenli.net/article48/jgjjep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、網(wǎng)頁(yè)設(shè)計(jì)公司、營(yíng)銷型網(wǎng)站建設(shè)、定制開(kāi)發(fā)、ChatGPT、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)