I just tested this on a iphone 6, ios 8.3 and it worked correctly. Make sure to pick the cordova connection plugin :)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<title></title>
<script src="intelxdk.js"></script>
<script src="cordova.js"></script>
<script type="text/javascript" language="javascript">
function onDeviceReady()
{
var divStatus = document.getElementById("divStatus");
divStatus.innerHTML = divStatus.innerHTML + "Ready<br>";
//intel.xdk.device.hideSplashScreen();
}
//initial event handler to detect when intel.xdk is ready to roll
document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
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';
//console.log('Connection type: ' + states[networkState]);
divStatus.innerHTML = divStatus.innerHTML + states[networkState];
}
</script>
</head>
<body bgcolor="#ff0055">
<div id="divStatus" style="border:1px solid red;height:100px; width: 400px; wrap=hard"></div>
<div>
<button id="showConnection" ontouchstart="checkConnection();">update connection</button>
</div>
</body>
</html>
