---
title: "Discussion on \"Detect Internet Connection Status In Browser\" | Hashnode"
description: "Discussion on \"Detect Internet Connection Status In Browser\". Hello everyone 👋\nIn this article, we are going to learn how can we detect the internet connection state on our website.\nThis can be very useful to improve user experience by showing snack messages or pop-ups when the browser is not able to connect t..."
url: "https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Detect Internet Connection Status In Browser](https://bibekkakati.hashnode.dev/detect-internet-connection-status-in-browser?utm_source=hashnode&utm_medium=feed)

Hello everyone 👋 In this article, we are going to learn how can we detect the internet connection state on our website. This can be very useful to improve user experience by showing snack messages or pop-ups when the browser is not able to connect t...

May 12, 2021 · 2 min read · bibekkakati.hashnode.dev  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#nodejs](https://hashnode.com/tag/nodejs)
-   [#browsers](https://hashnode.com/tag/browsers)
-   [#2articles1week](https://hashnode.com/tag/2articles1week)

## Written by

[Bibek Kakati](https://hashnode.com/@bibekkakati)

@bibekkakati · India

  
[View profile](https://hashnode.com/@bibekkakati)

Software Engineer • Backend & AI Engineering

Software Engineer with 5+ years of experience building scalable backend and distributed systems across domains and AI.

## Responses 9

Markdown supported · ⌘↵ to post

[Sai Ansul](https://hashnode.com/@SaiAnsul)

[May 18, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/60a37ae3eeabf031a1a961af)

This is amazing! Never seen anything like this before!💯🙌

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 18, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/60a37ae3eeabf031a1a961af#reply-60a37b61b7d0a531c6aa65be)

Thank you for your comment.

[Catalin Pit](https://hashnode.com/@Catalinpit)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609ccd2847373d4cb05601da)

This is really cool!

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609ccd2847373d4cb05601da#reply-609cce9247373d4cb056021a)

Thank you.

[Victoria Lo](https://hashnode.com/@victoria)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c8bd647373d4cb055fd09)

Wow I learned something new today! Thanks for sharing :)

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c8bd647373d4cb055fd09#reply-609cae97b684eb4cd52c2faf)

Happy to know that 😊.

[Tomasz Gil](https://hashnode.com/@tomaszgil)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c3657b684eb4cd52c28e5)

Cool! I was wondering how apps like Google Docs does this. 🤔 It seems that now I know! 👌

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c3657b684eb4cd52c28e5#reply-609c7343b684eb4cd52c2c80)

I'm happy to know that you learned something new. 🎉

[Kieran Roberts](https://hashnode.com/@kieran6roberts)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c14b1b684eb4cd52c25ad)

This is something I've never seen before [Bibek Kakati](https://hashnode.com/@bibekkakati). Nice article, keep it up :)

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 13, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609c14b1b684eb4cd52c25ad#reply-609c7241b684eb4cd52c2c6b)

Thank you! 🎉

[Ayodele Samuel Adebayo](https://hashnode.com/@unclebigbay)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609bf6c800bbde79d86a6d34)

thanks a lot for sharing this, this is a +1 for me

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609bf6c800bbde79d86a6d34#reply-609bfda000bbde79d86a6d89)

I'm glad you liked it.

[Ezequiel E. Tejada](https://hashnode.com/@ezeteja)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609bf441c798bd79ff8ee00f)

Thank you for sharing.

Let me add something that may be useful: [caniuse.com/online-status](https://caniuse.com/online-status)

[Bibek Kakati](https://hashnode.com/@bibekkakati)

[May 12, 2021](https://hashnode.com/posts/detect-internet-connection-status-in-browser/609bd235c798bd79ff8eda32/comment/609bf441c798bd79ff8ee00f#reply-609bfdcc00bbde79d86a6d94)

Thank you for adding that.