用一个库,device.js。这是一种最简单的方法。device.js库,不依赖jQuery框架。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="device.min.js"></script> → 首先引入device.js库。 </head> <body> <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 = "我就是一个台式机"; } </script> </body> </html> |
device.portrait() → 检测设备是否是竖直的;
device.landscape() → 检测设备是否是水平的;
device.mobile() → 检测设备是否是手机;
device.ipad() → 检测设备是否是ipad;
device.iphone() → 检测设备是否是苹果手机;
device.android() → 检测设备是否是安卓手机;
device.tablet() → 检测设备是否是大屏幕手机(7寸以上);
时间: 2024-10-06 00:53:23