現在のクライアントがpc側かモバイル側かIpad側かを判断

2508 ワード

携帯電話とパソコンの2つの異なるレイアウトを実現し、携帯電話かパソコンかを判断する:window.onload 1ページに1つしかありません



	
    
    
	  


    
1 2 3 4 5 6
1
2
window.onload=function(){ isPc(); } function isPc(){ if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { /*window.location.href=" ";*/ var div1 = document.getElementsByClassName('mobile')[0].children[0]; div1.style.display = "none"; } else { /*window.location.href=" "; */ var div2 = document.getElementsByClassName('mobile')[0].children[1]; div2.style.display = "none"; } }

現在のクライアントがpc側かモバイル側かIpad側かを判断
    var os = function () {
      var ua = navigator.userAgent,
        isWindowsPhone = /(?:Windows Phone)/.test(ua),
        isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
        isAndroid = /(?:Android)/.test(ua),
        isFireFox = /(?:Firefox)/.test(ua),
        isChrome = /(?:Chrome|CriOS)/.test(ua),
        isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
        isPhone = /(?:iPhone)/.test(ua) && !isTablet,
        isPc = !isPhone && !isAndroid && !isSymbian;
      return {
        isTablet: isTablet,
        isPhone: isPhone,
        isAndroid: isAndroid,
        isPc: isPc
      };
    }();
    if (os.isAndroid || os.isPhone) {
      console.log("  ");
    } else if (os.isTablet) {
      console.log("  ");
    } else if (os.isPc) {
      console.log("  ");
    }