This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The NetworkInformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the NetworkInformation object.


netInfo.onchange = function() { ... }


// Get the connection type. 
var type = navigator.connection.type; 

function changeHandler(e) { 
   // Handle change of connection type here. 

// Register for event changes: 
navigator.connection.onchange = changeHandler; 

// Another way: navigator.connection.addEventListener('change', changeHandler);


Specification Status Comment
Network Information API Draft Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 61 No support No support No support No support
Available on Workers 61 No support No support No support No support
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 50 38 No support[1] No support 37 No support
Available on Workers 50 38 No support[1] No support 37 No support

[1] On Firefox, the event handler property corresponding to the change event is ontypechange.

Document Tags and Contributors

Contributors to this page: jpmedley, chrisdavidmills, YuichiNukiyama, teoli
Last updated by: jpmedley,