博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 判断用户是手机端还是电脑端访问
阅读量:4968 次
发布时间:2019-06-12

本文共 1047 字,大约阅读时间需要 3 分钟。

通过userAgent 判断,网页可以直接使用 navigation对象

node端 可以通过请求头的 ctx.request.header['user-agent']

 

const browser = {    versions(u){        return {  // 移动终端浏览器版本信息            trident: u.indexOf('Trident') > -1,  // IE内核            presto: u.indexOf('Presto') > -1,    // Opera内核            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('Chrome')<0,  // 是否为移动终端            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应该程序,没有头部与底部。            ua:u        }    }}module.exports = browser

 

转载于:https://www.cnblogs.com/php-noob-for-now/p/11115805.html

你可能感兴趣的文章
专为iPhone开发者准备的50款经典开源应用
查看>>
mysql不支持在子查询中使用limit解决办法
查看>>
兼容性问题
查看>>
【洛谷3467/BZOJ1113】[POI2008]海报PLA-Postering(单调栈)
查看>>
致青春---关于工作生活的一点感想
查看>>
linux常用命令
查看>>
WPF跨程序集共享样式(跨程序集隔离样式和代码)
查看>>
WPF一步步实现完全无边框自定义Window(附源码)
查看>>
图像滤镜艺术---PS图层混合模式之明度模式
查看>>
PostgreSQL在win7上安装详细步骤
查看>>
wcf系列学习5天速成——第三天 事务的使用
查看>>
十分钟搞清字符集和字符编码
查看>>
使用 CodeIgniter 创建一个简单的 Web 站点
查看>>
SharePoint 2013 图文开发系列之事件接收器
查看>>
重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互...
查看>>
查看oracle数据库服务器的名字
查看>>
第1章 单例模式(Single Pattern)
查看>>
JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素...
查看>>
silverlight 获取文本框焦点
查看>>
Ubuntu 16.04 几个国内更新源
查看>>