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端显示,在移动端隐藏,通过浏览器的窗口大小判断,弊端就是浏览器缩小也会受影响

最新文章

  1. Linux装无线驱动
  2. Propagation of Visual Entity Properties Under Bandwidth Constraints
  3. mysql 权限篇
  4. 转: 关于 ssl的建立链接的过程
  5. 写代码要注意细节,无谓的找前台bug
  6. EZChart - 在线图表生成器
  7. Spark 2.2.0 文档中文版 Quick Start
  8. AngularJs 笔记
  9. IIS+nginx反向代理 负载均衡
  10. .NET MVC 表主外键关系 JSON 无限循环 方案二(推荐)
  11. 通过日志来看Spring跨库更新操作的事务
  12. 从Linux内核角度看中间人攻击(ARP欺骗)并利用Python scapy实现
  13. Java编程基础篇第五章
  14. GIT中常用的命令
  15. Spring+SpringMVC+MyBatis整合应用
  16. javascrip json2
  17. nginx的MainLine version、Stable version、Legacy versions
  18. 关于Solr6.0中solrj使用简单例子
  19. mongodb数据处理工具
  20. JavaScript常见的内存泄漏原因

热门文章

  1. python面向对象三大特性之一封装
  2. HDU 5307 He is Flying (生成函数+FFT)
  3. XPath语法简明介绍
  4. Android数据库高手秘籍:SQLite命令
  5. 轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(一)
  6. iOS 打印出视图中全部的子视图的名称
  7. HDU1312 / POJ1979 / ZOJ2165 Red and Black(红与黑) 解题报告
  8. HDU - 4054 Hexadecimal View (2011 Asia Dalian Regional Contest)
  9. Android学习笔记(十二)——使用意图传递数据的几种方式
  10. ubuntu16.04安装配置mysql数据库,分割视频为帧图像