Cùng viết bởi
Nhân viên của wikiHow
X
Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết.
Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao.
Bài viết này đã được xem 2.834 lần.
wikiHow hôm nay sẽ hướng dẫn bạn cách kiểm tra phần tử trực quan của mã nguồn HTML thuộc bất kỳ trang web nào khi sử dụng Google Chrome trên máy tính.
Các bước
-
1Mở Google Chrome trên máy tính. Ứng dụng Chrome có biểu tượng quả cầu nhiều màu với chấm xanh ở giữa. Bạn có thể tìm thấy trong thư mục Applications trên Mac hoặc trình đơn Start của Windows.
-
2Nhấp vào biểu tượng ba dấu chấm dọc. Nút này nằm cạnh thanh địa chỉ ở góc trên bên phải cửa sổ trình duyệt. Một trình đơn sẽ thả xuống.
-
3Di con trỏ đến mục More Tools [Công cụ khác] trên trình đơn thả xuống. Một trình đơn phụ sẽ bật ra.
-
4Nhấp vào Developer Tools [Công cụ nhà phát triển] trên trình đơn phụ More Tools. Cột Inspector [Trình kiểm tra] sẽ hiện ra bên phải cửa sổ trình duyệt.
- Hoặc bạn có thể mở cửa sổ Inspector bằng tổ hợp phím tắt. Nhấn Option+ Cmd+I trên Mac và Ctrl+Alt+I trên Windows.
-
5Di chuột lên một phần tử trong cột Inspector. Khi bạn di chuột lên phần tử hoặc dòng nào đó trong cửa sổ Inspector, phần tử đó sẽ được tô sáng trên trang web.
-
6Nhấp phải vào phần tử mà bạn muốn kiểm tra trên trang web. Trình đơn chuột phải sẽ bật lên trong khung thả xuống.
-
7Chọn Inspect [Kiểm tra] từ trong trình đơn thả xuống. Cột Inspector sẽ cuộn lên hoặc xuống đến phần tử được chọn và tô sáng mã nguồn của nội dung đó.
- Không nhất thiết phải mở cột Inspector để thực hiện thao tác này. Khi bạn chọn mục Inspect từ trong trình đơn chuột phải, công cụ Inspector sẽ tự động mở ra.