资讯专栏INFORMATION COLUMN

js判断移动端与pc端

guyan0319 / 2935人阅读

摘要:这里介绍使用插件来判断移动端设备地址示例移动端地址移动端端地址端更多设备判断如下表格可以使用冒号来定义对齐方式移动端设备方向判断有公众号啦欢迎关注,不定期推荐前端技术

这里介绍使用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()
有公众号啦!!!欢迎关注,不定期推荐前端技术!!!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81214.html

相关文章

  • 移动复制文本到粘贴板,clipboard.js的使用,移动PC复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...

    legendmohe 评论0 收藏0
  • 移动复制文本到粘贴板,clipboard.js的使用,移动PC复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...

    Caicloud 评论0 收藏0
  • 移动复制文本到粘贴板,clipboard.js的使用,移动PC复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用textarea,复制按钮要用button 9999999 spellcheck=false去掉文字检查,readonly不可编辑...

    kid143 评论0 收藏0
  • 如何高效的与后协作开发

    摘要:移动端应用一般都运行在微信浏览器中中手机浏览器中。因为微信浏览器是定制的浏览器,一般的远程调试方式都不可用,需要配合特定的工具,如微信开发者工具。 前端如何高效的与后端协作开发 1. 前后端分离 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。 可以参考:前后端分离、web与static服务器分离 2. 尽量避免后端模板...

    rozbo 评论0 收藏0

发表评论

0条评论

guyan0319

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<