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

  • 相关阅读:
    nginx rewrite 伪静态重写学习笔记
    正则表达式相关知识
    rpm的含义
    find命令的使用
    chmod的运用方式
    [GO]数组的比较和赋值
    [GO]二维数组的介绍
    [GO]变量内存和变量地址
    [GO]给导入包起别名
    阿里云负载均衡SLB 七层https协议 nginx 获取真实IP
  • 原文地址:https://www.cnblogs.com/fanshaokun/p/6598215.html
Copyright © 2011-2022 走看看