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? Giờ đây, 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 toàn bộ bộ mã chỉ để tìm 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à ID) “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. Thoạt đầu trông có vẻ hơi kỳ quặc 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 về 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 tập hợp các liên kết ở cuối.
Xem xét 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 phần 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 việc 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 có một cách dễ dàng để xem cách mã hóa trang web của người khác thì bạn có thể muốn dùng thử tiện ích mở rộng này.
Liên kết
