ดูที่มาของไฟล์ที่รวมใน 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