1

这里介绍使用device.js插件来判断移动端设备

地址:https://github.com/matthewhud...

示例:

if(device.mobile()){

    window.location.href="移动端地址";

    //alert("移动端");

} else {

    window.location.href="PC端地址";

    //alert("PC端");

}

更多设备判断如下表格: 

Device JavaScript Method
Mobile device.mobile()
Tablet device.tablet()
Desktop device.desktop()
iOS device.ios()
iPad device.ipad()
iPhone device.iphone()
iPod device.ipod()
Android device.android()
Android Phone device.androidPhone()
Android Tablet device.androidTablet()
BlackBerry device.blackberry()
BlackBerry Phone device.blackberryPhone()
BlackBerry Tablet device.blackberryTablet()
Windows device.windows()
Windows Phone device.windowsPhone()
Windows Tablet device.windowsTablet()
Firefox OS device.fxos()
Firefox OS Phone device.fxosPhone()
Firefox OS Tablet device.fxosTablet()
MeeGo device.meego()
Television device.television()

可以使用冒号来定义对齐方式:

Device CSS Classes
iPad ios ipad tablet
iPhone ios iphone mobile
iPod ios ipod mobile
Android Phone android mobile
Android Tablet android tablet
BlackBerry Phone blackberry mobile
BlackBerry Tablet blackberry tablet
Windows Phone windows mobile
Windows Tablet windows tablet
Firefox OS Phone fxos mobile
Firefox OS Tablet fxos tablet
MeeGo meego
Desktop desktop
Television television

移动端设备方向判断:

Orientation JavaScript Method
Landscape device.landscape()
Portrait device.portrait()

有公众号啦!!!欢迎关注,不定期推荐前端技术!!!

图片描述


阁主
275 声望13 粉丝

不求有功但求无过


下一篇 »
vue.js快速入门