代码分享：JS判断登陆端是PC还是手机

前些天朋友问我怎么判断登陆端是PC还是手机。。。自己也是很困惑，然后自己查了资料，这些东西都藏在USER-AGENT里面，查了他的一些属性，写了一个简单的验证页面大家共同学习。

读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息，这里提供了多个版本的测试信息，可以用来做后续代码的接口。这里作统一或起来判断登陆端是否是手机~~程序很简单，主要还是丰富JS知识吧。下面是个简单的小例子，希望对你有帮助。

<!doctype html>
<html>
<script type="text/javascript">
function browserRedirect() {
var sUserAgent= navigator.userAgent.toLowerCase();
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp= sUserAgent.match(/midp/i) == "midp";
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid= sUserAgent.match(/android/i) == "android";
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
document.getElementById("a").style.display="block";
document.getElementById("b").style.display="none";
} else {
document.getElementById("b").style.display="block";
document.getElementById("a").style.display="none";}
}
window.onload=function(){browserRedirect();}
</script>
<meta  charset="utf-8"/>
<head>
<title>web1</title>
</head>
<body>
<div id="a"><p>这是手机</p></div>
<div id="b"><p>这是电脑</p></div>
</body></html>

转载于:https://www.cnblogs.com/happycloud/archive/2013/06/02/3113385.html

代码分享：JS判断登陆端是PC还是手机相关推荐

js 判断移动端还是pc端，ios或者android
js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...
js判断移动端，pc端，安卓，苹果浏览器的方法
js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...
js判断移动端是否安装某款app的多种方法
本文实例讲解了js判断移动端是否安装某款app的多种方法,分享给大家供大家参考,具体内容如下第一种方法: 一:判断是那种设备 var isAndroid = u.indexOf('Android') ...
js判断移动端是否安装某款app的方法
以下js代码是判断移动端是否安装某款app的方法,分享给大家供大家参考,具体内容如下: if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { ...
js判断移动端是否存在app
js判断移动端是否存在app 说明代码示例说明根据手机内有无app来打开或者是去下载app,这件事情如果是在浏览器里面打开那么没有问题,但是像微信或者钉钉这种第三方软件不支持跳转app. 代码示 ...
vue 判断移动端、pc端
判断移动端或pc端经常在项目中会有支持 pc 与手机端需求.并且pc与手机端是两个不一样的页面.这时就要求判断设置,根据不同的设置跳转不同的路由. 先写个方法: //APP.vue isMobile ...
C#和JQ判断移动端还是PC端
判断移动端还是PC端浏览网页可以使用两种方法: 1.在C#语句进行判断 /// <summary>/// 判断是移动端/// </summary>/// <returns ...
JS判断页面是在pc端还是移动端打开方法
好久没复习js了,今天正好之前的项目要重新写一套移动端的代码,之前的没有做移动端的兼容,故将遇到的问题写在上面: 在移动设备应用越来越广泛的今天,许多网站都开始做移动端的界面展示,两者屏幕尺寸差异很大 ...
html页面判断是手机端访问,JS 判断手机端和pc端后跳转对应页面
判断手机端和pc端 (function () { var sUserAgent = navigator.userAgent; if (sUserAgent.indexOf('Android') > ...
php判断移动端和pc端访问_PHP判断判访问设备是手机移动端还是PC电脑端
这篇文章主要为大家详细介绍了PHP判断判访问设备是手机移动端还是PC电脑端,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 随着网络进入移动互联网时代,我们的网站 ...

代码分享：JS判断登陆端是PC还是手机

代码分享：JS判断登陆端是PC还是手机相关推荐

最新文章

热门文章