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

最新推荐文章于 2024-06-25 17:52:26 发布

风兮梧桐

最新推荐文章于 2024-06-25 17:52:26 发布

阅读量201

点赞数

分类专栏：响应性开发文章标签：智能手机电脑

本文链接：https://blog.csdn.net/weixin_51263829/article/details/132756362

版权

响应性开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

  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
    }