ไมโครซอฟท์ออกส่วนขยาย webhint ช่วยสแกนหาข้อบกพร่องของเว็บไซต์บนเว็บเบราว์เซอร์

เมื่อปลายเดือนกันยายนที่ผ่านมา ทีมพัฒนา Microsoft Edge ได้ประกาศออก webhint เครื่องมือช่วยเหลือการพัฒนาเว็บตัวใหม่ ซึ่งสามารถใช้สแกนหาข้อบกพร่องของเว็บไซต์เพื่อให้คำแนะนำและวิธีแก้ไขตาม best practice ในรูปแบบของส่วนขยายสำหรับติดตั้งใช้งานบนเว็บเบราว์เซอร์

ส่วนขยาย webhint รองรับการใช้งานทั้ง Microsoft Edge (Chromium), Chrome และ Firefox โดยจะปรากฏขึ้นมาเป็นแท็บ Hints ภายใต้ DevTools ของเว็บเบราว์เซอร์ที่ติดตั้งส่วนขยาย

ภาพ Nellie the narwhal มาสค็อตของโครงการ webhint

นักพัฒนาจะสามารถใช้ส่วนขยาย webhint เลือกสแกนเพื่อรับคำแนะนำวิธีแก้ไขเว็บไซต์ในหมวดหมู่ต่างๆ ยกตัวอย่างเช่น การเข้าถึงได้โดยผู้พิการ (accessibility), ความเข้ากันได้กับเว็บเบราว์เซอร์แต่ละเจ้า (compatibility - ใช้ข้อมูลของ MDN), ประสิทธิภาพของเว็บไปจนถึงเรื่องความปลอดภัย

ภาพตัวอย่างการใช้งาน webhint บน Microsoft Edge (Chromium)

ไม่เพียงแค่นั้น ไมโครซอฟท์ยังได้เลือกที่จะเปิดซอร์ส webhint ตั้งแต่ช่วงเริ่มต้นของการพัฒนา โดยได้บริจาคซอร์สโค้ดให้อยู่ในความดูแลของมูลนิธิ OpenJS Foundation

และภายใต้โครงการเดียวกัน webhint ยังมีเครื่องมือที่อยู่ในรูปแบบส่วนขยาย Visual Studio Code และ webhint CLI ที่สามารถเรียกใช้งานได้จาก CI/CD pipeline (ทั้งหมดทำหน้าที่คล้ายกันเพียงแต่ถูกใช้ในคนละขั้นตอนของการพัฒนาเว็บ) อีกด้วย ท่านใดสนใจเข้าไปศึกษาต่อได้ที่เว็บไซต์ของ webhint ครับ

ที่มา - Microsoft Edge Dev Blog, webhint FAQ