判断手机横屏,设备类型,浏览器
2017-05-11 00:00
197 查看
1.css如何判断手机横屏?
媒体查询:
@media all and (orientation : landscape) {
h2{color:red;}/*横屏时字体红色*/
}
@media all and (orientation : portrait){
h2{color:green;}/*竖屏时字体绿色*/
}
2.jquery判断设备类型
媒体查询:
@media all and (orientation : landscape) {
h2{color:red;}/*横屏时字体红色*/
}
@media all and (orientation : portrait){
h2{color:green;}/*竖屏时字体绿色*/
}
2.jquery判断设备类型
//判断设备类型 $("#aass").click(function() { var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, iPhone: u.indexOf("iPhone") > -1, iPad: u.indexOf("iPad") > -1 }; } (), language: (navigator.browserLanguage || navigator.language).toLowerCase() }; $("#aa2").append("userAgent 内容: <BR/>" + navigator.userAgent + "<BR/><BR/>"); $("#aa2").append("是否为移动终端: " + browser.versions.mobile + "<BR/>"); $("#aa2").append("是否 ios: " + browser.versions.ios + "<BR/>"); $("#aa2").append("是否 android: " + browser.versions.android + "<BR/>"); //判断 浏览器 类型 var ex = navigator.userAgent, bUA; if (ex.indexOf("MSIE") >= 0) { bUA = "Internet Explorer 10 Or Earlier"; //IE } else if (ex.indexOf("Firefox") >= 0) { bUA = "Firefox"; } else if (ex.indexOf("Chrome") >= 0) { bUA = "Chrome"; if (ex.indexOf("360SE") >= 0) { //360安全浏览器 bUA = "360SE"; } else if (ex.indexOf("360EE") >= 0) { //360急速浏览器 bUA = "360EE"; } else if (ex.indexOf("SE") >= 0 && ex.indexOf("360SE") == -1) { //搜狗浏览器 bUA = "SouGou"; } else if (ex.indexOf("Maxthon") >= 0) { //遨游浏览器 bUA = "Maxthon"; } } else if (ex.indexOf("UCBrowser") >= 0 || ex.indexOf("UCWEB") >= 0) { // UC浏览器 bUA = "UCBrowser"; } else if (ex.indexOf("Opera") >= 0) { bUA = "Opera"; } else if (ex.indexOf("Safari") >= 0) { // 苹果浏览器 bUA = "Safari"; } else if (ex.indexOf("Netscape") >= 0) { bUA = "Netscape"; } else if (ex.indexOf("like Gecko") >= 0 && ex.indexOf("Trident") >= 0) { bUA = "Internet Explorer 11 Or Later"; //IE11 以后,不再用 MSIE } else { bUA = "Other Broswer"; } $("#aa2").append("当前浏览器: " + bUA + "<BR/>"); });
相关文章推荐
- js判断当前客户端设备类型,操作系统及浏览器类型
- js根据客户端浏览器类型,判断跳转官网/手机网站
- JS判断是PC浏览器还是手机设备浏览器
- 通过userAgent判断手机浏览器类型
- JS判断移动设备的终端类型(浏览器UserAgent)
- 根据userAgent值的特性判断客户端设备及浏览器类型
- 判断浏览器类型,区分手机和PC
- JS判断是PC浏览器还是手机设备浏览器
- 巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
- 两款JS脚本判断手机浏览器类型跳转WAP手机网站
- 使用CSS媒体查询和JavaScript判断浏览器设备类型的好方法
- 巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
- javascript判断设备类型-手机(mobile)、安卓(android)、电脑(pc)、其他(ipad/iPod/Windows)等
- js判断浏览器类型及设备(移动页面开发)
- 根据userAgent值的特性判断客户端设备及浏览器类型
- 巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
- JS 判断浏览器类型,包括手机类型。
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
- JS/JQuery判断是否移动设备+JS/JQuery判断浏览器类型
- js判断浏览器类型及设备(移动页面开发)