วิธีใช้ HTML <noscript> Element: แสดงเนื้อหาเมื่อ JavaScript ปิดใช้งาน

เอลิเมนต์ HTML <noscript> ใช้แสดงเนื้อหาในเบราว์เซอร์ของผู้เยี่ยมชมเมื่อ JavaScript ปิดใช้งาน

สมมติว่ามีใครเข้าชมเว็บไซต์ของคุณ แต่พวกเขาปิด JavaScript ในเบราว์เซอร์ไว้ เพื่อบอกพวกเขา (พวกเขาอาจปิด JavaScript ไปโดยไม่ได้ตั้งใจ) คุณจะใช้ <noscript> อย่างนี้:

<noscript> <h2> JavaScript is disabled in your browser. To get the best user experience on our website we recommend that you enable it. </h2> </noscript>

เพื่อแสดงตัวอย่าง ฉันเพิ่มโค้ด HTML ข้างต้นลงใน CodePen นี้

แตคุณมองไม่เห็นมัน เว้นแต่ JavaScript จะถูกปิดใช้งาน

วิธีปิด JavaScript (ชั่วคราว):

1. ไปที่แถบที่อยู่เบราว์เซอร์ของคุณ และคลิกที่ไอคอนล็อก แล้วคลิก Site settings
2. ภายใต้ Permissions ไปที่ JavaScript และคลิกที่ดรอปดาวน์ทางขวา และเลือก Block

ตอนนี้โหลดหน้าใหม่ (ไม่ใช่เบราว์เซอร์ทั้งหมด แค่แท็บเบราว์เซอร์เดียว) คุณควรเห็นข้อความจากเอลิเมนต์ <noscript> แสดงในแท็บเบราว์เซอร์ของคุณ

นี่คือวิดีโอสั้นแสดงกระบวนการทั้งหมด:

เพื่อเปิดใช้งาน JavaScript อีกครั้ง กลับไปที่แท็บ Site settings เดียวกัน และเลือก Allow จากเมนูดรอปดาวน์ ตอนนี้จะขอให้คุณโหลดแท็บเบราว์เซอร์อีกครั้ง และ JavaScript จะเปิดใช้งานอีกครั้ง

คุณสามารถใช้เอลิเมนต์ <noscript> ภายในทั้ง <head> และ <body> ของเว็บไซต์

อย่างไรก็ตาม หากคุณใช้ <noscript> ภายในเอลิเมนต์ <head> คุณสามารถวาง <style>, <link>, และ <meta> เท่านั้น (ไม่มีเอลิเมนต์ข้อความ)