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