Mình thường dùng Opera và Chrome để kiểm tra phần tử mỗi khi định thay đổi phần nào đó. Mình thấy nhiều bạn tra code bằng cách dùng Ctrl+U (xem nguồn) và Ctrl+F (Tìm phần tử). Cách này khá mất thời gian và khó kiểm tra được toàn bộ.
Với 2 trình duyệt này, bạn chỉ cần nhấp phải chuột và chọn Kiểm tra thành phần (Opera) hoặc Kiểm tra phần tử (Chrome).
Với Opera thì bạn chỉ cần rê chuột trên trang web và chọn vùng cần kiểm tra, sau đó nhấp chuột trái, khung kiểm tra bên dưới sẽ hiển thị chi tiết thông tin phần tử đó.
Với Chrome thì bạn Click vào hình Kính lúp ở góc dưới khung kiểm tra. Theo mình thấy thì Chrome khởi động nhanh hơn Opera.
Với Firefox thì bạn nhấp chuột phải chon Inspect Element, tuy nhiên chức năng này chỉ dừng lại ở việc sửa giá trị một thuộc tính trong HTML và CSS. Nếu dùng trình duyệt này bạn nên cài đặt thêm add-on Firebug tại:
Với Internet Explorer thì nhấn F12 trên bàn phím. Chức năng thì khá đầy đủ, nhưng khởi động khá chậm và nhiều vấn đề bất tiện.
Với 2 trình duyệt này, bạn chỉ cần nhấp phải chuột và chọn Kiểm tra thành phần (Opera) hoặc Kiểm tra phần tử (Chrome).
[You must be registered and logged in to see this link.]
Với Opera thì bạn chỉ cần rê chuột trên trang web và chọn vùng cần kiểm tra, sau đó nhấp chuột trái, khung kiểm tra bên dưới sẽ hiển thị chi tiết thông tin phần tử đó.
[You must be registered and logged in to see this link.]
Với Chrome thì bạn Click vào hình Kính lúp ở góc dưới khung kiểm tra. Theo mình thấy thì Chrome khởi động nhanh hơn Opera.
[You must be registered and logged in to see this link.]
Với Firefox thì bạn nhấp chuột phải chon Inspect Element, tuy nhiên chức năng này chỉ dừng lại ở việc sửa giá trị một thuộc tính trong HTML và CSS. Nếu dùng trình duyệt này bạn nên cài đặt thêm add-on Firebug tại:
[You must be registered and logged in to see this link.]
Với Internet Explorer thì nhấn F12 trên bàn phím. Chức năng thì khá đầy đủ, nhưng khởi động khá chậm và nhiều vấn đề bất tiện.