zoukankan      html  css  js  c++  java
  • 通过js自动判断移动终端设备(iosandroid等)

    当用户用移动设备扫描一个二维码是,将扫描后的链接链接到一个页面,该页面只包含判断移动终端设备的js,判断好后自动跳转到对应的链接 或下载对应的内容。

    html代码如下:

     1 <script>
     2 var browser = {
     3     versions: function() {
     4         var u = navigator.userAgent, app = navigator.appVersion;
     5         return {//移动终端浏览器版本信息 
     6             trident: u.indexOf('Trident') > -1, //IE内核
     7             presto: u.indexOf('Presto') > -1, //opera内核
     8             webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
     9             gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
    10             mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
    11             ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
    12             android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
    13             iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
    14             iPad: u.indexOf('iPad') > -1, //是否iPad
    15             webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
    16         };
    17     }(),
    18     language: (navigator.browserLanguage || navigator.language).toLowerCase()
    19 }
    20 
    21 if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
    22     window.location="https://itunes.apple.com/us/app/hua-nan-cheng-guang-shi-chang/id900382780?l=zh&ls=1&mt=8";
    23 }
    24 else if (browser.versions.android) {
    25     window.location="http://guangapk.csc86.com:8100/csc_guang.apk";
    26 }
    27 /*document.writeln("语言版本: " + browser.language);
    28 document.writeln(" 是否为移动终端: " + browser.versions.mobile);
    29 document.writeln(" ios终端: " + browser.versions.ios);
    30 document.writeln(" android终端: " + browser.versions.android);
    31 document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
    32 document.writeln(" 是否iPad: " + browser.versions.iPad);
    33 document.writeln(navigator.userAgent);*/
    34 </script>

    本文转载至:http://www.cnblogs.com/pengxl/p/3476588.html

  • 相关阅读:
    等保测评(一)
    一个基于RNN的实体抽取工具
    如何画UML类图
    mysql存储过程整理
    记一次mysql事务未提交导致锁未释放的问题
    开启·元宇宙·区块链金融
    Nacos启动报错:[db-load-error]load jdbc.properties error
    使用Bazel编译TypeScript
    Win10上Docker无法正常启动 出现install WSL2 kernel update的情况
    VSCode调试PHP环境配置 phpstudy vscode xdebug调试
  • 原文地址:https://www.cnblogs.com/wuqun/p/3870299.html
Copyright © 2011-2022 走看看