Internet Connectivity Status By Navigator.online Is Not Working Correctly, And Showing The Wrong Status While Internet Is Not Connected

I'm creating a web-based application which can work offline as well as online. Therefor, I have need to check if internet is working properly or not. Currently I'm using navigato

Solution 1:

As mentioned in documentation for this feature:

In Chrome and Safari, if the browser is not able to connect to a local area network (LAN) or a router, it is offline; all other conditions return true. So while you can assume that the browser is offline when it returns a false value, you cannot assume that a true value necessarily means that the browser can access the internet. You could be getting false positives, such as in cases where the computer is running a virtualization software that has virtual ethernet adapters that are always "connected." Therefore, if you really want to determine the online status of the browser, you should develop additional means for checking...

https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine

Meaning that you cannot rely on this feature to determine the connectivity. Now, it depends on your application - what you can do. One way is to have a heart-beat packets sent to some REST interface on your server.