码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-03-29 12:21:40      阅读:145      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!