终端检测—检测移动端设备还是PC端设备

  1. 为什么要终端检测?

    1. 页面跳转
    2. 加载相应资源
  2. 如何使用检测?

    1. 使用navigator.userAgent来检测终端设备
      console.log(navigator.userAgent);
      这是pc端检测,不全部列举
  3. 判断是不是移动端,然后跳转到相应页面

            // 切换Android、iPhone、iPad
            console.log(navigator.userAgent);
    		// 判断是终端是什么,检测Android、iPhone、iPad
            var isMobile = navigator.userAgent.match(/android|iphone|ipod|ipad/i);
            if (isMobile) {//是
                location.href = 'https://m.imooc.com';
            } else {//不是
                location.href = 'https://www.imooc.com';
            }

     

  4. 资源加载

            if (isMobile) {
    			// 如果是移动端则加载Zepto框架
                // Zepto
                loadMobileResources();//text
            } else {
    			// 如果不是移动端则加载JQuery框架
                // jQuery
                loadPCResources();//text
            }

     

你可能感兴趣的:(移动开发,WebAPP)