zoukankan      html  css  js  c++  java
  • js判断手机连接网络类型

    <!DOCTYPE HTML>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>Connection API</title>
    </head>
    <body>
    <button id="btn" type="button">Get Ststus</button>
    <div id="re" style="margin-top: 10px;"></div>
    <script type="text/javascript">
    var connection = navigator.connection||navigator.mozConnection||navigator.webkitConnection||{tyep:'unknown'};
    var type_text = ['unknown','ethernet','wifi','2g','3g','4g','none'];

    alert(connection.type);
    var re_el = document.getElementById("re");
    var btn_el = document.getElementById("btn");
    function get_status(){
    if(typeof(connection.type) == "number"){
    connection.type_text = type_text[connection.type];
    }else{
    connection.type_text = connection.type;
    }
    if(typeof(connection.bandwidth) == "number"){
    if(connection.bandwidth > 10){
    connection.type = 'wifi';
    }else if(connection.bandwidth > 2){
    connection.type = '3g';
    }else if(connection.bandwidth > 0){
    connection.type = '2g';
    }else if(connection.bandwidth == 0){
    connection.type = 'none';
    }else{
    connection.type = 'unknown';
    }
    }
    var html = 'Type : '+connection.type_text;
    html += '<br>Bandwidth : '+connection.bandwidth;
    html += '<br>isOnline : '+navigator.onLine;
    re_el.innerHTML = html;
    }

    btn_el.onclick = function(){
    re_el.innerHTML = 'Waiting...';
    get_status();
    }

    </script>
    </body>
    </html>

  • 相关阅读:
    segnet 编译与测试
    ubuntu(已经配置了python2+opencv)简易配置python3的opencv:
    OCR光学字符识别--STN-OCR 测试
    阿里云图形界面
    win10+UEFI下u盘安装ubuntu16.04
    ubuntu16.04+cuda8.0+cudnn5.0+caffe
    Angular 组件通讯、生命周期钩子 小结
    Angular 路由⑦要素
    关于克隆gitlab项目的一些 问题列表
    RxJS学习笔记
  • 原文地址:https://www.cnblogs.com/huangf714/p/5922581.html
Copyright © 2011-2022 走看看