ดูที่มาของไฟล์ที่รวมใน Firefox ได้อย่างง่ายดาย
ในโลกการพัฒนาเว็บการออกแบบส่วนใหญ่ไม่ได้อยู่ในหน้า HTML อีกต่อไปมันถูกย้ายไปยังไฟล์ CSS และ Javascript ที่รวมไว้ ปัญหาคือเมื่อคุณต้องการมองเข้าไปในรหัสไม่มีวิธีง่ายๆในการดูไฟล์ CSS / JS เหล่านั้น.
มีส่วนขยายที่เรียกว่า JSView ซึ่งจะช่วยให้คุณดูแหล่งที่มาของไฟล์ที่รวมไว้ได้อย่างง่ายดายสองวิธีที่แตกต่างกัน.
การใช้งานการติดตั้งเริ่มต้น
เมื่อคุณติดตั้งส่วนขยายแล้วคุณจะเห็นตัวเลือกใหม่ที่เรียกว่า "View Page Source - JSView" มันจะพาคุณไปที่หน้าจอเดียวกับกล่องโต้ตอบ View Page Source ปกติจะ ...
ตอนนี้เมื่อคุณอยู่ในหน้าจอ View Source เมนู View จะมีรายการเมนูพิเศษที่ให้คุณเข้าถึงไฟล์ที่รวมอยู่ได้อย่างรวดเร็ว.
เมนูบริบทการเข้าถึงด่วน
เปิดหน้าจอตัวเลือก JSView จากเมนูเครื่องมือและยกเลิกการเลือกรายการ“ ปิดใช้งานเมนูป๊อปอัพ jsview” เพื่อเพิ่มเมนูพิเศษลงในเมนูคลิกขวาที่เป็นค่าเริ่มต้น.
นอกจากนี้คุณยังต้องการเลือก“ ปิดใช้งานการดูหน้าแหล่งที่มา - JSView” เพื่อปิดใช้งานรายการ JSView ที่ซ้ำซ้อนบนเมนู ตอนนี้เมื่อคุณคลิกขวาในหน้าใด ๆ คุณสามารถเข้าถึงแหล่งที่มาได้อย่างรวดเร็ว.
โปรดทราบว่าถ้าคุณต้องการประสบการณ์ที่น้อยที่สุดคุณสามารถเลือกที่จะปิดการใช้งานตัวเลือกทั้งหมดและเพียงแค่เข้าถึงฟังก์ชั่นจากหน้าต่างแหล่งที่มาของมุมมอง.
ตัวเลือกอื่น
คุณสามารถเลือกได้ว่าจะเปิดในหน้าต่างใหม่ ...
หรือว่าจะใช้โปรแกรมแก้ไขภายนอก ...
นี่เป็นส่วนเสริมที่มีประโยชน์มากซึ่งตอนนี้กลายเป็นส่วนหนึ่งของชุดพัฒนาเว็บไซต์ของฉัน.
ดาวน์โหลด JSView Extension จาก Mozilla Add-on