โปรแกรมการพัฒนาเว็บที่ซับซ้อนช่วยเขียนรหัสง่ายกว่าถ้าคุณจะทำโดยไม่มีพวกเขา ไม่เพียงเพิ่มความเร็วในการทำงานและช่วยหลีกเลี่ยงปัญหาไวยากรณ์ที่พบบ่อย แต่ยังเป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้เริ่มต้นที่อาจรู้สึกว่าต้องใช้ความพยายามอย่างมากในการเขียนหน้า HTML อย่างง่าย หากไม่มีอะไรอื่นพวกเขาสามารถช่วยคุณเรียนรู้รหัส ข้อบกพร่องเพียงข้อเดียวที่คุณอาจพบกับโปรแกรมการพัฒนาเว็บโดยเฉพาะอย่างยิ่งเมื่อคุณใช้เพื่อเรียนรู้การเขียนโค้ดคือสิ่งที่พวกเขาไม่พร้อมในการวิเคราะห์เว็บไซต์ในเบราว์เซอร์ของคุณ หากพื้นที่ที่คุณสนใจคือ HTML HTML5 Outliner เป็นส่วนเสริม Chrome ที่ยอดเยี่ยมที่จะช่วยคุณวิเคราะห์องค์ประกอบ HTML ที่แตกต่างกันบนหน้าเว็บ ส่วนขยายจะเพิ่มไอคอนรูปสี่เหลี่ยมลงในแถบ URL ที่เมื่อคลิกแล้วจะเปิดมุมมองสารบัญของส่วนหัวและส่วน HTML 5 ทั้งหมด ส่วนขยายยังใช้งานได้กับองค์ประกอบ HTML 4
รายการในสารบัญที่แสดงสามารถคลิกได้และส่วนขยายจะเลื่อนไปที่และเน้นองค์ประกอบใดก็ได้ที่คุณเลือก ไฮไลต์ใช้ไม่ได้เสมอไป แต่การนำทางทำงานได้อย่างสมบูรณ์
ส่วนขยายมีข้อ จำกัด มันจะตรวจจับองค์ประกอบ HTML ทั้งหมดในหน้าใดก็ได้ แต่สารบัญตัวมันเองเป็นเรื่องที่แตกต่าง ตารางขึ้นอยู่กับรหัสที่เขียนตามข้อกำหนด HTML 5 ที่เหมาะสมหรือโครงสร้างเสียง HTML หากรหัสไม่เป็นไปตามเหล่านี้ส่วนขยายอาจไม่สามารถโหลดสารบัญที่ยอมรับได้
ตัวอย่างเช่น; หากคุณใช้ตารางเพื่อกำหนดการจัดวางหน้าของคุณอาจเป็นไปได้ว่าคุณจะไม่เห็นสารบัญใด ๆ เลย สาเหตุของเรื่องนี้คืออะไรมากไปกว่าโค้ดที่เขียนไม่ดีเนื่องจากโครงร่างถูกกำหนดไว้อย่างดีที่สุดด้วย CSS และไม่ใช่ตาราง ในตอนนี้คุณจะไม่สามารถใช้ส่วนขยายในไฟล์ HTML ที่บันทึกไว้ในเครื่องเนื่องจากมีข้อ จำกัด เล็กน้อยเกี่ยวกับส่วนขยายและสิ่งที่ต้องทำเกี่ยวกับการอนุญาตของ Chrome
เห็นได้ชัดว่า HTML5 Outliner นั้นไม่ได้มีมาสำหรับคนทั่วไปผู้ใช้; มันมีไว้สำหรับนักพัฒนาเว็บทั้งผู้เริ่มต้นและผู้ชำนาญ สำหรับผู้เริ่มต้นควรพิสูจน์ว่ามีประโยชน์ในขณะที่ดูตัวอย่างเค้าโครงของไซต์ที่กำลังพัฒนา สำหรับนักพัฒนาที่มีทักษะจะเป็นวิธีที่รวดเร็วในการนำทางระหว่างองค์ประกอบต่างๆบนหน้าเว็บและตรวจสอบรหัสที่อยู่ด้านหลังแต่ละรายการ
ติดตั้ง HTML5 Outliner จาก Chrome Web Store
ความคิดเห็น