关于响应式布局，如何识别访问设备
Posted 影ing
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于响应式布局，如何识别访问设备相关的知识，希望对你有一定的参考价值。
引入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
| Device | JavaScript 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() |
以上是关于关于响应式布局，如何识别访问设备的主要内容，如果未能解决你的问题，请参考以下文章