เวลาที่เราทำเว็บไซต์เราคงต้องการที่จะสามารถตรวจสอบ 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 ในการเปิดเพื่อให้ลงโปรแกรมได้ทันที

install

เพียงไม่กี่คลิ๊กโปรแกรมก็ลงเป็นที่เรียบร้อย

nowinstalled

จากนั้นถ้าคุณสังเกตุที่มุมขวาของ address bar จะมี icon คำว่า HTML ปรากฏอยู่

html

เมื่อคลิ๊กที่ icon ดังกล่าว extention ตัวนี้ก็จะเริ่ม validate โค้ดหน้าเว็บที่กำลังทำงานอยู่

คุณสามารถกด Ctrl + Alt + V เพื่อเริ่มต้นการ validate ได้เช่นกัน

validator

เมื่อ validate เสร็จแล้วให้เราเอาเม้าส์ไปวางบน icon จะมี popup เล็ก ๆ บอกจำนวน error ที่มีอยู่

finished

หากคุณต้องการที่จะดูรายละเอียด error ก็จะต้องเปิด Java Console ขึ้นมาดู โดยไปที icon รูปเครื่องมือ ตามรูป

openconsole

รายละเิอียด error ต่าง ๆ ที่แสดงออกมา

errors

เมื่อเรารู้ error แล้วเราก็สามารถนำไปแก้ไขให้ถูกต้องได้นั่นเอง

ลิขสิทธิบทความของ 7boot.com

ผู้แทนจำหน่าย ServerHP ServerLenovo Server

NO COMMENTS