วิธีตรวจจับว่าเบราว์เซอร์ออนไลน์หรือออฟไลน์ด้วย JavaScript

ตัวอย่าง

หากต้องการตรวจจับสถานะออนไลน์/ออฟไลน์ของเบราว์เซอร์ ให้ใช้ navigator.onLine ซึ่งคืนค่า boolean

<!DOCTYPE html>
<html>
<body>
  <h1>ตัวอย่างตรวจสอบออนไลน์/ออฟไลน์ด้วย JavaScript</h1>
  <h2>คลิกปุ่มด้านล่างเพื่อตรวจสอบว่าคุณออนไลน์หรือไม่</h2>
  <button onclick="checkOnlineOffline()">ตรวจสอบออนไลน์/ออฟไลน์</button>
  <h2 class="sample"></h2>
  <script>
    function checkOnlineOffline() {
      if(navigator.onLine===true){
        document.querySelector('.sample').innerHTML = "คุณเชื่อมต่ออินเทอร์เน็ตอยู่"
      } else {
        document.querySelector('.sample').innerHTML = "คุณไม่ได้เชื่อมต่ออินเทอร์เน็ต"
      }
    }
  </script>
</body>
</html>

ผลลัพธ์

โค้ดข้างต้นจะสร้างผลลัพธ์ดังนี้:

เมื่อคลิกปุ่ม “ตรวจสอบออนไลน์/ออฟไลน์”: