เวลาที่เราทำเว็บไซต์เราคงต้องการที่จะสามารถตรวจสอบ error ต่าง ๆ ได้อย่างรวดเร็ว โดยเฉพาะอย่างยิ่งเมื่อเราทำเว็บไซต์ให้สามารถ compatible ได้กับ browser หลาย ๆ ตัวไม่ว่าจะเป็น IE, Firefox, หรือ Chrome เป็นต้น
บทความนี้จะมาแนะนำ extension ของ chrome ซึ่งจะช่วยให้คุณตรวจสอบ error ได้อย่างรวดเร็ว extension ตัวนี้ชื่อ Validity คุณสามารถใช้มันเพื่อ validate หรือตรวจสอบความผิดพลาดของโค้ด HTML ได้จาก address bar บน Chrome และถ้ามีโค้ด error ใด ๆ เกิดขึ้นมันก็จะมีรายการ error แจ้งให้คุณทราบที่ JavaScript console
>> คลิ๊กที่นี่เพื่อ install Validity (ควรเปิดด้วย Google Chrome)<<
(คลิ๊กที่รูปเืพื่อขยาย)
คลิ๊กที่ปุ่ม install ตามรูปข้างล่างเพื่อลงโปรแกรม extension ตัวนี้ ซึ่งคุณควรใช้ Google Chrome ในการเปิดเพื่อให้ลงโปรแกรมได้ทันที
เพียงไม่กี่คลิ๊กโปรแกรมก็ลงเป็นที่เรียบร้อย
จากนั้นถ้าคุณสังเกตุที่มุมขวาของ address bar จะมี icon คำว่า HTML ปรากฏอยู่
เมื่อคลิ๊กที่ icon ดังกล่าว extention ตัวนี้ก็จะเริ่ม validate โค้ดหน้าเว็บที่กำลังทำงานอยู่
คุณสามารถกด Ctrl + Alt + V เพื่อเริ่มต้นการ validate ได้เช่นกัน
เมื่อ validate เสร็จแล้วให้เราเอาเม้าส์ไปวางบน icon จะมี popup เล็ก ๆ บอกจำนวน error ที่มีอยู่
หากคุณต้องการที่จะดูรายละเอียด error ก็จะต้องเปิด Java Console ขึ้นมาดู โดยไปที icon รูปเครื่องมือ ตามรูป
รายละเิอียด error ต่าง ๆ ที่แสดงออกมา
เมื่อเรารู้ error แล้วเราก็สามารถนำไปแก้ไขให้ถูกต้องได้นั่นเอง
ลิขสิทธิบทความของ 7boot.com
ผู้แทนจำหน่าย Server | HP Server | Lenovo Server