ionic如何检测网络连接

最新推荐文章于 2020-12-29 16:00:26 发布

ioniconline

最新推荐文章于 2020-12-29 16:00:26 发布

阅读量8.8k

点赞数

分类专栏： Ionic-插件篇文章标签： ionic 网络

本文链接：https://blog.csdn.net/ioniconline/article/details/50392391

版权

Ionic-插件篇专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装插件：

$ cordova plugin rm org.apache.cordova.core.network-information

Connection对象提供对设备的蜂窝及WiFi连接信息的访问。

通过navigator.network接口访问该对象。

属性：

connection.type

常量：

connection.UNKNOWN
connection.ETHERNET
connection.WIFI
connection.CELL_2G
connection.CELL_3G
connection.CELL_4G
connection.NONE

connection.type

检查正在使用的活动网络连接。

说明：

该属性是确定设备网络连接状态和连接类型的快速方法。

支持的平台：

iOS
Android
BlackBerry WebWorks (OS 5.0或更高版本)

简单范例：

function checkConnection() {
    var networkState = navigator.connection.type;

    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.CELL]     = 'Cell generic connection';
    states[Connection.NONE]     = 'No network connection';

    alert('Connection type: ' + states[networkState]);
}

checkConnection();

完整范例：

<!DOCTYPE html>
<html>
  <head>
    <title>navigator.connection.type Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script>
    <script type="text/javascript" charset="utf-8">

    // 等待加载Cordova
    // 
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova加载完毕，可以安全调用Cordova方法
    //
    function onDeviceReady() {
        checkConnection();
    }

    function checkConnection() {
        var networkState = navigator.connection.type;

        var states = {};
        states[Connection.UNKNOWN]  = 'Unknown connection';
        states[Connection.ETHERNET] = 'Ethernet connection';
        states[Connection.WIFI]     = 'WiFi connection';
        states[Connection.CELL_2G]  = 'Cell 2G connection';
        states[Connection.CELL_3G]  = 'Cell 3G connection';
        states[Connection.CELL_4G]  = 'Cell 4G connection';
        states[Connection.CELL]     = 'Cell generic connection';
        states[Connection.NONE]     = 'No network connection';

        alert('[Connection](connection.html) type: ' + states[networkState]);
    }

    </script>
  </head>
  <body>
    <p>A dialog box will report the network state.</p>
  </body>
</html>

您可自由转发此文， 但请保留出处：Ionic在线学习网站  http://www.ioniconline.com

ioniconline

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ionic如何检测网络连接

安装插件：$ cordova plugin rm org.apache.cordova.core.network-informationConnection对象提供对设备的蜂窝及WiFi连接信息的访问。通过navigator.network接口访问该对象。属性：connection.type常量：connection.UNKNOWNconnection.E
复制链接

扫一扫