美文网首页iOS程序猿
Cordova监测网路状态插件与提示框插件

Cordova监测网路状态插件与提示框插件

作者: 全村的希望iOS | 来源:发表于2017-12-05 22:37 被阅读0次

    1.监测网络状态

    进入根目录执行:

    cordova plugin add cordova-plugin-network-information

    document.getElementById("networkInfo").addEventListener("click", networkInfo);

    document.addEventListener("offline", onOffline, false);

    document.addEventListener("online", onOnline, false);

    function networkInfo() {

    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]);

    }

    function onOffline() {

    alert('You are now offline!');

    }

    function onOnline() {

    alert('You are now online!');

    }

    2.提示框插件

    进入根目录执行:

    cordova plugin add cordova-plugin-dialogs

    function dialogAlert() {

    var message = "I am Alert Dialog!";

    var title = "ALERT";

    var buttonName = "Alert Button";

    navigator.notification.alert(message, alertCallback, title, buttonName);

    function alertCallback() {

    console.log("Alert is Dismissed!");

    }

    }

    function dialogConfirm() { var message = "Am I Confirm Dialog?"; var title = "CONFIRM"; var buttonLabels = "YES,NO"; navigator.notification.confirm(message, confirmCallback, title, buttonLabels); function confirmCallback(buttonIndex) { console.log("You clicked " + buttonIndex + " button!"); } }

    function dialogPrompt() { var message = "Am I Prompt Dialog?"; var title = "PROMPT"; var buttonLabels = ["YES","NO"]; var defaultText = "Default" navigator.notification.prompt(message, promptCallback, title, buttonLabels, defaultText); function promptCallback(result) { console.log("You clicked " + result.buttonIndex + " button! \n" + "You entered " + result.input1); } }

    相关文章

      网友评论

        本文标题:Cordova监测网路状态插件与提示框插件

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