Dễ dàng xem nguồn của các tệp được bao gồm trong Firefox

Trong thế giới phát triển web, hầu hết các thiết kế không còn trong trang HTML nữa, nó đã được chuyển sang các tệp CSS và Javascript đi kèm. Vấn đề là khi bạn muốn xem qua mã không có cách nào thực sự đơn giản để xem các tệp CSS / JS đó.

Có một tiện ích mở rộng có tên là JSView cho phép bạn dễ dàng xem nguồn của các tệp được bao gồm một vài cách khác nhau.

Sử dụng cài đặt mặc định

Sau khi bạn đã cài đặt tiện ích mở rộng, bạn sẽ thấy một tùy chọn mới có tên là Nguồn xem trang xem - JSView. Nó sẽ đưa bạn đến cùng một màn hình với hộp thoại Xem trang nguồn thông thường sẽ

Bây giờ khi bạn ở trong màn hình Xem nguồn, menu Xem sẽ chứa các mục menu bổ sung cho phép bạn truy cập nhanh các tệp được bao gồm.

Menu ngữ cảnh truy cập nhanh

Mở màn hình Tùy chọn JSView từ menu Công cụ và bỏ chọn các menu bật lên jsview jsview Mục Mục để thêm các menu phụ vào menu chuột phải mặc định.

Bạn cũng sẽ muốn chọn Nguồn Vô hiệu hóa Chế độ xem trang - JSView để vô hiệu hóa mục JSView dự phòng trên menu. Bây giờ khi bạn nhấp chuột phải vào bất kỳ trang nào, bạn có thể nhanh chóng truy cập vào nguồn.

Lưu ý rằng nếu bạn muốn trải nghiệm tối thiểu nhất, bạn có thể chọn tắt tất cả các tùy chọn và chỉ cần truy cập các chức năng từ cửa sổ nguồn xem.

Sự lựa chọn khác

Bạn cũng có thể chọn có mở trong cửa sổ mới không

Hoặc có nên sử dụng trình soạn thảo bên ngoài

Đây là một tiện ích mở rộng thực sự hữu ích, hiện đã trở thành một phần của bộ công cụ phát triển web của tôi.

Tải xuống tiện ích mở rộng JSView từ Mozilla Add-ons