区分浏览器处于手机/电脑还是平板

网上的不适用于部分平板所以改了一下但是因为项目还没上线不知道适用性,有问题希望评论区讨论

  var userAgent = navigator.userAgent;
    // 根据 User Agent 进行设备类型判断 
    if (userAgent.includes('Tablet') || userAgent.includes('iPad')) {
      document.getElementById("displayField").value = '请求来自平板设备'+'---'+window.orientation
      console.log('请求来自平板设备', userAgent);
    } else if (userAgent.includes('Mobile')||userAgent.includes('iPhone') ) {
      document.getElementById("displayField").value = '请求来自移动设备'+'---'+window.orientation
      console.log('请求来自移动设备');
    } else if(window.orientation===undefined){
      document.getElementById("displayField").value = '请求来自电脑设备'+'---'+window.orientation
      console.log('请求来自桌面设备', userAgent);
    }else{
      document.getElementById("displayField").value = '请求来自平板设备'+'---'+window.orientation
    }

你可能感兴趣的:(响应性开发,智能手机,电脑)