JavaScript获取当前设备类型
2024-01-09 03:03:31
可以通过 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"); }
文章来源:https://blog.csdn.net/weixin_43857653/article/details/135395931
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!