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.