美文网首页工具癖web开发程序员
HTML 如何判断当前设备

HTML 如何判断当前设备

作者: 1994陈 | 来源:发表于2018-10-10 10:35 被阅读59次

    需要根据不同的设备进行不同的操作和跳转,所以判断当前设备是非常重要的事情。

    说明:代码取自网络

    /mete设置/
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="TEMPLATE">
    <meta name="Keywords" content="TEMPLATE">
    <meta name="Description" content="TEMPLATE">
    <title>Title</title>
    </head>
    <body>
    <script type="text/javascript">
    /* 当前设备浏览器版本信息 /
    var browser = {
    versions: function() {
    var u = navigator.userAgent, app = navigator.appVersion;
    return {//移动终端浏览器版本信息
    trident: u.indexOf('Trident') > -1, //IE内核
    presto: u.indexOf('Presto') > -1, //Opera内核
    webKit: u.indexOf('AppleWebKit') > -1, //苹果/谷歌内核
    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
    mobile: !!u.match(/AppleWebKit.
    Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
    ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //iOS终端
    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //Android终端或者UC浏览器
    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
    iPad: u.indexOf('iPad') > -1, //是否iPad
    webApp: u.indexOf('Safari') == -1 //是否Web应该程序,没有头部与底部
    };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    //根据设备的不同,可以做一些事情。
    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
    //window.location="http://localhost/index.html";
    }
    else if (browser.versions.android) {
    //window.location="http://localhost/demo.php";
    }
    document.writeln("语言版本: " + browser.language + "
    ");
    document.writeln("是否为移动终端: " + browser.versions.mobile + "
    ");
    document.writeln("iOS终端: " + browser.versions.ios + "
    ");
    document.writeln("Android终端: " + browser.versions.android + "
    ");
    document.writeln("是否为iPhone: " + browser.versions.iPhone + "
    ");
    document.writeln("是否iPad: " + browser.versions.iPad + "
    ");
    document.writeln("用户代理: " + navigator.userAgent + "
    ");
    // 用户代理是一种对数据打包/创造分组头,以及编址/传递消息的部件.
    </script>
    </body>
    </html>

    判断结果:

    语言版本: zh-cn
    是否为移动终端: true
    iOS终端: false
    Android终端: false
    是否为iPhone: true
    是否iPad: false
    用户代理: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

    相关文章

      网友评论

        本文标题:HTML 如何判断当前设备

        本文链接:https://www.haomeiwen.com/subject/umfpaftx.html