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

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监测网路状态插件与提示框插件)