首页 > 其他 > 详细

关于响应式布局,如何识别访问设备

时间:2016-03-29 12:19:08      阅读:287      评论:0      收藏:0      [点我收藏+]

技术分享引入device.min.js

 

<!DOCTYPE html> <html> <head>  <title></title>  <meta charset="utf-8">  <script type="text/javascript" src="http://cdn.bootcss.com/device.js/0.2.5/device.js"></script> </head> <body>111 <h1 id="biaoti"></h1> <script type="text/javascript">

 var myh1= document.getElementById(‘biaoti‘);

 if(device.mobile()){   myh1.innerHTML = ‘我是手机‘;  }else if(device.ipad()){ myh1.innerHTML = ‘我是ipad‘;  }  else{   myh1.innerHTML = ‘我是pc‘;  }; </script> </body> </html>

javascript方法如下。

 

MobileiOSiPhoneAndroidAndroid TabletBlackBerry PhoneWindowsWindows TabletFirefox OS PhoneMeeGo

DeviceJavaScript Method
device.mobile()
Tablet device.tablet()
device.ios()
iPad device.ipad()
device.iphone()
iPod device.ipod()
device.android()
Android Phone device.androidPhone()
device.androidTablet()
BlackBerry device.blackberry()
device.blackberryPhone()
BlackBerry Tablet device.blackberryTablet()
device.windows()
Windows Phone device.windowsPhone()
device.windowsTablet()
Firefox OS device.fxos()
device.fxosPhone()
Firefox OS Tablet device.fxosTablet()
device.meego()

关于响应式布局,如何识别访问设备

原文:http://www.cnblogs.com/lsc-boke/p/5332180.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!