Xem thẻ HTML và trang web kết hợp trong Firefox

Bạn có muốn một cách dễ dàng hơn để xem các thẻ html của trang web mà không cần xem mã nguồn trong một cửa sổ riêng biệt không? Bây giờ bạn có thể xem trang web và các thẻ được kết hợp trong cùng một cửa sổ bằng tiện ích mở rộng X-Ray cho Firefox.

Trước

Thông thường nếu bạn muốn xem mã nguồn đằng sau một trang web, bạn phải xem nó trong một cửa sổ riêng biệt. Nếu bạn chỉ quan tâm đến một phần cụ thể thì bạn phải tìm kiếm trong toàn bộ bộ mã chỉ để tìm thấy những gì bạn đang tìm kiếm.

Sau

Tiện ích mở rộng X-Ray sẽ cho phép bạn xem các thẻ của tài liệu (bao gồm tên lớp và tên ID) bên cạnh nhau với trang web trong cùng một tab. Bạn có thể sử dụng menu ngữ cảnh hoặc menu công cụ để truy cập lệnh X-Ray.

Đây là phần trang web tương tự được hiển thị trong ảnh chụp màn hình đầu tiên ở trên. Ban đầu nó có thể trông hơi kỳ lạ cho đến khi bạn quen với việc nhìn thấy cả hai cùng nhau.

Lưu ý: Bạn có thể đưa trang web trở lại chế độ xem bình thường bằng cách nhấp lại vào lệnh X-Ray hoặc làm mới trang.

Mã cho một phần của thanh bên trên cùng một trang web

Tiếp theo là một trong các bộ liên kết ở cuối.

Nhìn vào một ví dụ khác, giả sử bạn quan tâm đến cách một phần của nguồn cấp dữ liệu chính được thiết lập.

Có thể thấy cách một yếu tố cụ thể được thiết lập trực tiếp trong trang web chắc chắn tốt hơn so với tìm kiếm trong toàn bộ trang mã.

Phần kết luận

Nếu bạn thiết kế trang web và muốn một cách dễ dàng để xem trang web của người khác được mã hóa như thế nào thì bạn có thể muốn thử tiện ích mở rộng này.

Liên kết

Tải xuống tiện ích mở rộng X-Ray (Phần bổ trợ Mozilla)