JavaScript判断设备类型的实现
实现思路
可以通过 JavaScript 来实现判断当前的设备类型:navigator 是 JavaScript 中的一个独立的对象,用于提供用户所使用的浏览器以及操作系统等信息,以 navigator 对象属性的形式来提供。所有浏览器都支持该对象。
而 navigator 对象有一个 userAgent 属性,会返回用户的设备操作系统和浏览器的信息。
此时可以通过 userAgent 判断是 H5 浏览器还是 PC 浏览器。
而 App 不能获取 Window 的浏览器对象 navigator 的。那么可以在之前判断是否存在 navigator,不存在即为 App。
js判断移动端还是pc端
function fIsMobile(){return /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
或者:
function iswap() {var uA = navigator.userAgent.toLowerCase();var ipad = uA.match(/ipad/i) == "ipad";var iphone = uA.match(/iphone os/i) == "iphone os";var midp = uA.match(/midp/i) == "midp";var uc7 = uA.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";var uc = uA.match(/ucweb/i) == "ucweb";var android = uA.match(/android/i) == "android";var windowsce = uA.match(/windows ce/i) == "windows ce";var windowsmd = uA.match(/windows mobile/i) == "windows mobile"; if (!(ipad || iphone || midp || uc7 || uc || android || windowsce || windowsmd)) {// PC 端}else{// 移动端}
}
浏览器宽度区分
我们可以利用js代码,来判断访问者设备屏幕的宽度的大小来确定访客的设备是否为移动设备。
window.screen.availWidth:用来获取浏览器屏幕的宽度。
window.screen.availHeight:用来获取浏览器屏幕的高度。
<script>
if(window.screen.availWidth<768){//移动端
}else{//PC端
}
</script>
js判断是否ios或Android
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
区分Android、iphone、ipad:
ar ua = navigator.userAgent.toLowerCase();
if (/android|adr/gi.test(ua)) {// 安卓
} else if (/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)) {//苹果
} else if (/iPad/gi.test(ua)) {//ipad
}
js区分判断访客的浏览器
var ua = navigator.userAgent.toLowerCase();
if (/msie/i.test(ua) && !/opera/.test(ua)) {alert("IE");return;
} else if (/firefox/i.test(ua)) {alert("Firefox");return;
} else if (/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)) {alert("Chrome");return;
} else if (/opera/i.test(ua)) {alert("Opera");return;
} else if (/iPad/i) {alert("ipad");return;
}
if (/webkit/i.test(ua) && !(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua))) {alert("Safari");return;
} else {alert("unKnow");}
学习更多技能
请点击下方公众号
JavaScript判断设备类型的实现相关推荐
- JavaScript判断设备类型加载对应网页并设置两端通用事件
JavaScript如何判断设备类型加载对应网页并设置通用事件 基本思路: 在网页入口添加判断逻辑,如下:首先获取当前navigator对象的userAgent,通过userAgent判断当前设备类型 ...
- JavaScript判断设备类型
判断设备类型,兼容了部分ipad上有开启电脑模式的操作,导致设备被识别为ipad而不是windows或者其他 解决方案: /*** 判断设备是否为 Android,包含**桌面模式*** @see h ...
- 在不同位置(客户端的终端设备,服务端,项目代码中)判断设备类型(PC、手机、微信等)
判断设备类型的地方有很多,比如在服务端通过 Nginx 或 Apache 等判断,在项目中通过 UserAgent 判断.这个网站上有各种开源的解决方案 现在的移动设备类型比较一致了,只需要判断安卓. ...
- JavaScript判断用户使用的浏览器
JavaScript判断用户使用的浏览器 填坑之判断用户使用设备问题,上篇请看这里如何使用JavaScript来判断用户设备类型. 在这里,我们用到的还是 JavaScript 中的 navigato ...
- javascript 判断 前端 是 pc端 还是 移动端
javascript 判断 前端 是 pc端 还是 移动端 <!DOCTYPE html> <html lang="en"> <head>< ...
- JavaScript判断浏览器类型及版本
JavaScript判断浏览器类型及版本 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...
- javascript判断输入的值是不是正整数
转贴:2010年7月29日17:12:36 <script type="text/javascript"> /*判断文本框中输入的值是不是正整数*/ function ...
- JavaScript判断是否是手机mobile登录
在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! <script type="text/javascript" src="${ ...
- php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...
最新文章
- 如果不是为了面试,AI工程师刷题有用吗?
- Python apply函数
- 项目经理人必须要遵循的14个成功原则
- linux watch 文件大小,Linux watch命令的使用
- 几个常用的正则表达式
- 基于Linux的 Open×××网络之网络架构应用实例
- (23)npm项目发布
- 1小时搞懂设计模式之工厂模式(简单工厂)
- Selenium2+python自动化18-加载Firefox配置
- android andbase,andbase
- 01英语语法-基本句型及补语
- 如何建立工程测量平面控制网?
- JIRA统计工时,我们用Tempo
- 若依代码生成使用教程
- iOS之安装包优化以及瘦身
- 2022-2028年全球与中国马铃薯淀粉生产线行业发展趋势及竞争策略研究
- python:使用 PythonMagick 生成 icon 图标
- IOS苹果ipa重签名工具(苹果签名工具,ios签名工具,支持Windows系统和Macos系统)
- 离线模式:Unresolved dependency: ‘com.xx.xx:xx-xx:jar:x.x.x‘
- Docker 网络(十一)——Docker Multi-host Network