Xem mã thẻ HTML và các thẻ khác kết hợp trong Firefox

Công việc của bạn thường xuyên phải xem, kiểm tra các thẻ html mà không cần trực tiếp xem mã nguồn trên 1 cửa sổ riêng biệt? Trong bài viết sau, Quản Trị Mạng sẽ giới thiệu với các bạn tiện ích X-Ray của Firefox.

Đường dẫn X-Ray Extension

Thông thường khi muốn xem mã nguồn của 1 trang web bất kỳ, bạn phải xem bằng 1 cửa sổ riêng rẽ. Trong Firefox, kích chuột phải và chọn View Page Source:

Với tiện ích hỗ trợ X-Ray, bạn có thể dễ dàng xem các thẻ khác nhau (bao gồm các lớp và tên theo ID) song song với với trang web trong cùng 1 cửa sổ, kích chuột phải và chọn X-Ray:

Dưới đây là ảnh chụp màn hình sau khi chọn lệnh X-Ray, nếu không quen thì nhiều người sẽ thấy khá lộn xộn và hoàn toàn không hiểu gì. Nếu muốn trở lại cửa sổ bình thường thì chọn lệnh X-Ray 1 lần nữa hoặc Refresh trang web đó:

Hoặc đoạn mã của 1 phần sidebar trên trang web đó:

Nhưng liên kết ở phía cuối trang:

Nếu bạn là người thiết kế hoặc kiểm tra giao diện có liên quan đến mã thì X-Ray quả thực là tiện ích không thể thiếu.