ผังแป้นพิมพ์ที่รองรับจําเป็นในการสร้างเว็บไซต์ที่ใช้งานได้ดีบนอุปกรณ์และขนาดหน้าจอต่าง ๆ จาวาสคริปต์สามารถใช้เพื่อปรับองค์ประกอบ UI ได้อย่างมีประสิทธิภาพ โดยขึ้นอยู่กับอุปกรณ์หรือขนาดหน้าต่างของผู้ใช้ ซึ่งจะทําให้ผู้ใช้มีประสบการณ์ที่มีประสิทธิภาพมากที่สุด
การ เข้าใจ แบบ เตรียม การ
ผังแป้นพิมพ์ที่รองรับการปรับการจัดเรียงเนื้อหาและส่วนประกอบของ UI ให้มีขนาดหน้าจอที่แตกต่างกัน วิธีการนี้จะช่วยให้ใช้งานได้ง่ายขึ้น และง่ายต่อการใช้งานทั้งบนพื้นที่ทํางาน, แท็บเล็ท, และสมาร์ทโฟน สื่อ CSS มักจะใช้แบบปรับแต่งสื่อแบบฉลาด ๆ แต่จาวาสคริปต์ให้ความยืดหยุ่นเพิ่มเติมสําหรับการปรับเปลี่ยนแบบไดนามิกส์
ใช้จาวาสคริปต์สําหรับการปรับค่าความทึบ
จาวาสคริปต์สามารถตรวจสอบขนาดของหน้าต่างและแก้ไขคุณสมบัติของผังแป้นพิมพ์ได้ตามเวลาจริง ซึ่งจะทําให้นักพัฒนาสามารถสร้างส่วนติดต่อที่ตอบสนองกับการกระทําหรือการเปลี่ยนแปลงของเครื่องได้โดยทันที นอกเหนือจากสิ่งที่ CSS สามารถทําได้
การ เติม จาวาสคริปต์ ให้ เต็ม
ในการปรับใช้การปรับแก้ความไวต่อการตอบสนองนั้น ผู้พัฒนามักจะฟังการปรับขนาดเหตุการณ์ที่หน้าต่าง และปรับปรุงรูปแบบหรือคลาสตามรูปแบบนั้น ๆ กระบวนการนี้จะเกี่ยวกับการเลือกองค์ประกอบของ DOM และปรับใช้การเปลี่ยนแปลงรูปแบบ หรือการสลับคลาสเพื่อแก้ไขพฤติกรรมผังแป้นพิมพ์
- ตรวจสอบปรับขนาดหน้าต่างด้วย [FLT: 0] Window.drest Harbenter('resize')
- คํานวณมิติธาตุโดยใช้ [FLT: 0]. offetwideth[FLT: 1) หรือ back BroughingColycentetroph
- ปรับใช้การเปลี่ยนแปลงรูปแบบหรือสลับคลาสตามขนาดที่ตั้งไว้
- ใช้ [FLT: 0] Requestation Framreation ([FLT: 1) สําหรับประสิทธิภาพที่เพียงพอระหว่างการปรับขนาด