Cách kiểm tra phần tử trên Chrome: 7 bước (có hình ảnh)

Mục lục:

Cách kiểm tra phần tử trên Chrome: 7 bước (có hình ảnh)
Cách kiểm tra phần tử trên Chrome: 7 bước (có hình ảnh)

Video: Cách kiểm tra phần tử trên Chrome: 7 bước (có hình ảnh)

Video: Cách kiểm tra phần tử trên Chrome: 7 bước (có hình ảnh)
Video: Tut Xử Lý Tóc Cho Các Designer 2024, Tháng tư
Anonim

WikiHow này hướng dẫn bạn cách kiểm tra mã nguồn HTML của phần tử trực quan trên bất kỳ trang web nào trên Google Chrome bằng máy tính.

Các bước

Kiểm tra phần tử trên Chrome Bước 1
Kiểm tra phần tử trên Chrome Bước 1

Bước 1. Mở Google Chrome trên máy tính của bạn

Biểu tượng Chrome trông giống như một quả bóng màu với một chấm màu xanh lam ở trung tâm. Bạn có thể tìm thấy nó trong thư mục Ứng dụng trên máy Mac hoặc trên menu Bắt đầu trên Windows.

Kiểm tra phần tử trên Chrome Bước 2
Kiểm tra phần tử trên Chrome Bước 2

Bước 2. Nhấp vào biểu tượng ba chấm dọc

Nút này nằm bên cạnh thanh địa chỉ ở góc trên bên phải của cửa sổ trình duyệt của bạn. Nó sẽ mở một menu thả xuống.

Kiểm tra phần tử trên Chrome Bước 3
Kiểm tra phần tử trên Chrome Bước 3

Bước 3. Di chuột qua Công cụ khác trên menu thả xuống

Một menu phụ sẽ bật lên.

Kiểm tra phần tử trên Chrome Bước 4
Kiểm tra phần tử trên Chrome Bước 4

Bước 4. Nhấp vào Công cụ dành cho nhà phát triển trên menu phụ Công cụ khác

Thao tác này sẽ mở cột Thanh tra ở phía bên phải của cửa sổ trình duyệt của bạn.

Ngoài ra, bạn có thể mở Thanh tra bằng phím tắt. Phím tắt này là ⌥ Option + ⌘ Cmd + I trên Mac và Ctrl + Alt + I trên Windows

Kiểm tra phần tử trên Chrome Bước 5
Kiểm tra phần tử trên Chrome Bước 5

Bước 5. Di chuột qua một phần tử trên cột Thanh tra

Di chuyển chuột đến một phần tử hoặc một dòng trong Thanh tra sẽ đánh dấu phần tử đã chọn trên trang web.

Kiểm tra phần tử trên Chrome Bước 6
Kiểm tra phần tử trên Chrome Bước 6

Bước 6. Nhấp chuột phải vào phần tử bạn muốn kiểm tra trên bất kỳ trang web nào

Trình đơn nhấp chuột phải của bạn sẽ bật lên trong một hộp thả xuống.

Kiểm tra phần tử trên Chrome Bước 7
Kiểm tra phần tử trên Chrome Bước 7

Bước 7. Chọn Kiểm tra trên menu thả xuống

Thao tác này sẽ cuộn lên hoặc xuống cột Thanh tra đến phần tử đã chọn và đánh dấu mã nguồn của nó.

Bạn không cần phải mở cột Thanh tra theo cách thủ công để thực hiện việc này. Lựa chọn Quan sát trên menu chuột phải sẽ tự động mở Thanh tra.

Đề xuất: