คุณต้องการวิธีที่ง่ายกว่าในการดู html ของหน้าเว็บแท็กโดยไม่ดูซอร์สโค้ดในหน้าต่างแยกต่างหาก? ตอนนี้คุณสามารถดูหน้าเว็บและแท็กรวมกันในหน้าต่างเดียวกันโดยใช้ส่วนขยาย X-Ray สำหรับ Firefox
ก่อน
โดยปกติถ้าคุณต้องการดูซอร์สโค้ดที่อยู่เบื้องหลังหน้าเว็บที่คุณต้องดูในหน้าต่างแยกต่างหาก หากคุณสนใจเฉพาะส่วนใดส่วนหนึ่งคุณจะต้องค้นหาชุดโค้ดทั้งหมดเพื่อค้นหาสิ่งที่คุณกำลังมองหา
หลังจาก
ส่วนขยาย X-Ray จะช่วยให้คุณเห็นไฟล์แท็กของเอกสาร (รวมถึงชื่อคลาสและ ID)“ เคียงข้างกัน” กับหน้าเว็บในแท็บเดียวกัน คุณสามารถใช้เมนูบริบทหรือเมนูเครื่องมือเพื่อเข้าถึงคำสั่ง X-Ray
นี่คือส่วนหน้าเว็บเดียวกันที่แสดงในภาพหน้าจอแรกด้านบน ในตอนแรกอาจดูแปลก ๆ เล็กน้อยจนกว่าคุณจะคุ้นเคยกับการเห็นทั้งสองอย่างด้วยกัน
หมายเหตุ: คุณสามารถเปลี่ยนหน้าเว็บกลับสู่มุมมองปกติได้โดยคลิกที่คำสั่ง X-Ray อีกครั้งหรือรีเฟรชหน้า
รหัสสำหรับส่วนหนึ่งของแถบด้านข้างในหน้าเว็บเดียวกัน ...
ตามด้วยชุดของลิงก์ที่อยู่ด้านท้าย
ดูตัวอย่างอื่นสมมติว่าคุณสนใจวิธีตั้งค่าส่วนหนึ่งของฟีดหลัก
ความสามารถในการดูว่าองค์ประกอบใดถูกตั้งค่าโดยตรงในหน้าเว็บนั้นดีกว่าการค้นหาผ่านโค้ดทั้งหน้า
ข้อสรุป
หากคุณออกแบบหน้าเว็บและต้องการวิธีง่ายๆในการดูว่าเว็บไซต์ของผู้อื่นเขียนโค้ดอย่างไรคุณอาจต้องการลองใช้ส่วนขยายนี้
การเชื่อมโยง
ดาวน์โหลดส่วนขยาย X-Ray (Mozilla Add-ons)