zoukankan      html  css  js  c++  java
  • JS 判断移动端与PC端

    js判断移动端与pc端

     

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

    地址:https://github.com/matthewhudson/device.js



    示例:
    1
    2
    3
    4
    5
    6
    7
    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.js会在你的html节点上追加相应的设备样式

    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()

  • 相关阅读:
    数据库
    HTTP请求(Request)和回应(Response)对象
    [Uliweb]-URL映射
    git生成Key操作保存到GITHUB中
    SQL中char、varchar、nvarchar的区别
    Uliweb之 ORM基本使用(Sqlalchemy)
    ORM查询
    CentOS更改ssh端口
    django static文件的引入方式
    Redis持久化策略(RDB &AOF)
  • 原文地址:https://www.cnblogs.com/fanshaokun/p/6598215.html
Copyright © 2011-2022 走看看