移动端和pc端的判断,不同端做不同的处理
2024-08-27 22:38:20
1.通过js判段是pc端还是移动端
function browserRedirect() {
var type = "";
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) {
type = "notpc";
} else {
type = "pc";
}
return type;
}
使用到的对象:navigator.userAgent
Navigator 对象包含有关浏览器的信息
userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。
例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。
注:用户代理头:user-agent header。
2.使用css的媒体查询做处理
.box{display: block;color:red;}
@media(max-width: 1024px){
.box{display:none;}
}
box元素在pc端显示,在移动端隐藏,通过浏览器的窗口大小判断,弊端就是浏览器缩小也会受影响
最新文章
- Linux装无线驱动
- Propagation of Visual Entity Properties Under Bandwidth Constraints
- mysql 权限篇
- 转: 关于 ssl的建立链接的过程
- 写代码要注意细节,无谓的找前台bug
- EZChart - 在线图表生成器
- Spark 2.2.0 文档中文版 Quick Start
- AngularJs 笔记
- IIS+nginx反向代理 负载均衡
- .NET MVC 表主外键关系 JSON 无限循环 方案二(推荐)
- 通过日志来看Spring跨库更新操作的事务
- 从Linux内核角度看中间人攻击(ARP欺骗)并利用Python scapy实现
- Java编程基础篇第五章
- GIT中常用的命令
- Spring+SpringMVC+MyBatis整合应用
- javascrip json2
- nginx的MainLine version、Stable version、Legacy versions
- 关于Solr6.0中solrj使用简单例子
- mongodb数据处理工具
- JavaScript常见的内存泄漏原因
热门文章
- python面向对象三大特性之一封装
- HDU 5307 He is Flying (生成函数+FFT)
- XPath语法简明介绍
- Android数据库高手秘籍:SQLite命令
- 轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(一)
- iOS 打印出视图中全部的子视图的名称
- HDU1312 / POJ1979 / ZOJ2165 Red and Black(红与黑) 解题报告
- HDU - 4054 Hexadecimal View (2011 Asia Dalian Regional Contest)
- Android学习笔记(十二)——使用意图传递数据的几种方式
- ubuntu16.04安装配置mysql数据库,分割视频为帧图像