一、实现思路 8 n0 [1 \' n8 E9 C7 t6 P/ I# y # b. X0 R' \+ c8 Z, P3 Q# o 而 navigator 对象有一个 userAgent 属性，会返回用户的设备操作系统和浏览器的信息。 此时可以通过 userAgent 判断是 H5 浏览器还是 PC 浏览器。而 App 不能获取 Window 的浏览器对象 navigator 的。那么可以在之前判断是否存在 navigator，不存在即为 App。3 o- D4 r' y/ V* v function fIsMobile(){
return /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i.test(navigator.userAgent);
}6 e- Z: K/ I5 _9 n 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{
// 移动端
}
}二、浏览器宽度区分 4 V% v/ E; L, ?6 Z 我们可以利用js代码，来判断访问者设备屏幕的宽度的大小来确定访客的设备是否为移动设备。' |) @) \* J) @( d& J2 i window.screen.availWidth：用来获取浏览器屏幕的宽度。. F d/ `' `$ W; J. w! F% k% { window.screen.availHeight：用来获取浏览器屏幕的高度。 <script>
if(window.screen.availWidth<768){
//移动端
}else{
//PC端
}
</script>三、js判断是否ios或Android ) r# n' P) B# M; R& p& f 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终端, g! g7 T% N6 t4 @" x4 i( ` 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区分判断访客的浏览器 / }, P* P" Y2 i- F. d 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");
} 
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2021-10-28 09:13:59