js之判断用户设备是网页(谷歌,UC,火狐)还是客户端(IOS还是Android)

简介: 借助window的属性navigator.userAgent判断
var userAgent = window.navigator.userAgent

export default {
    isFromAndroid: /android/gi.test(userAgent), /* 安卓*/
    isFromIOs: /iphone|ipod|ios/gi.test(userAgent), /* IOS */
    isFromWeChat: /MicroMessenger/gi.test(userAgent), /* 微信 */
    isFromQQ: /mobile.*qq/gi.test(userAgent), /* QQ */
    isFromUC: /ucbrowser/gi.test(userAgent),/* UC浏览器 */
    isFromQQBrowser: /mqqbrowser[^LightApp]/gi.test(userAgent),/* QQ浏览器 */
    isFromQQBrowserLight: /MQQBrowserLightApp/gi.test(userAgent),/* qq轻浏览器*/

    isTrident: /Trident/gi.test(userAgent), /**IE内核 */
    isPresto: /Presto/gi.test(userAgent), /** opera内核 */
    iswebKit: /AppleWebKit/gi.test(userAgent), /** 苹果、谷歌内核 */
    isGecko: /Gecko.*KHTML/gi.test(userAgent), /** 火狐内核 */
    
    isMobile: !!userAgent.match(/AppleWebKit.*Mobile.*/),/**是否为移动终端 */
    isIos: !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), /* ios终端 */
    isAndroid: userAgent.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
    isIPhone: userAgent.indexOf('iPhone') > -1, //iPhone或者QQHD浏览器
    isIPad: userAgent.indexOf('iPad') > -1, //iPad
    isWebApp: userAgent.indexOf('Safari') == -1, //web应该程序,没有头部与底部
}

使用

(navigator.browserLanguage || navigator.language).toLowerCase() 
目录
相关文章
|
JavaScript 前端开发
如何禁用火狐的javascript
如何禁用火狐的javascript
374 0
|
Linux Android开发 iOS开发
基于.Net开发的ChatGPT客户端,兼容Windows、IOS、安卓、MacOS、Linux
基于.Net开发的ChatGPT客户端,兼容Windows、IOS、安卓、MacOS、Linux
655 0
|
XML API PHP
Android使用XML-RPC实现blog客户端
Android使用XML-RPC实现blog客户端
315 2
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1067 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
795 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
Android开发
Android WindowFeature小探究,Android客户端Web页面通用性能优化实践
Android WindowFeature小探究,Android客户端Web页面通用性能优化实践
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
598 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
709 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
XML JSON Java
Android App开发即时通信中通过SocketIO在客户端与服务端间传输文本和图片的讲解及实战(超详细 附源码)
Android App开发即时通信中通过SocketIO在客户端与服务端间传输文本和图片的讲解及实战(超详细 附源码)
1210 0
|
移动开发 iOS开发 Perl
iOS客户端和h5页面的互相调用,服务器和客户端间通信方式
iOS客户端和h5页面的互相调用,服务器和客户端间通信方式
620 0

热门文章

最新文章