Trong thế giới phát triển web, hầu hết thiết kế không nằm trong HTML của trang 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 thực sự đơn giản để xem các tệp CSS / JS đó.
Có một tiện ích mở rộng tên là JSView sẽ cho phép bạn dễ dàng xem nguồn của các tệp được bao gồm theo một số cách khác nhau.
Sử dụng cài đặt mặc định
Sau khi đã cài đặt tiện ích, bạn sẽ thấy một tùy chọn mới có tên là “Xem nguồn trang - JSView”. Nó sẽ đưa bạn đến cùng một màn hình như hộp thoại View Page Source thông thường sẽ…
Bây giờ khi bạn ở trong màn hình View Source, menu View sẽ chứa các mục menu bổ sung cho phép bạn nhanh chóng truy cập vào các tệp được bao gồm.
Menu ngữ cảnh truy cập nhanh
Mở màn hình JSView Options từ menu Tools và bỏ chọn mục “Disable jsview popup menu” để thêm các menu bổ sung vào menu chuột phải mặc định.
Bạn cũng sẽ muốn chọn “Tắt nguồn trang xem - JSView” để tắt mục JSView thừa 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 một cửa sổ mới…
Hoặc có nên sử dụng trình chỉnh sửa 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 .
Tải xuống Tiện ích mở rộng JSView từ Tiện ích bổ sung Mozilla
