Cách kiểm tra phần tử trang web trong Chrome: 7 bước

Mục lục:

Cách kiểm tra phần tử trang web trong Chrome: 7 bước
Cách kiểm tra phần tử trang web trong Chrome: 7 bước

Video: Cách kiểm tra phần tử trang web trong Chrome: 7 bước

Video: Cách kiểm tra phần tử trang web trong Chrome: 7 bước
Video: Vân tay trình duyệt là gì? Cách xóa vân tay trình duyệt để fake ip nuôi nick, fake ip chơi game 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 các phần tử trực quan của trang web trong Google Chrome bằng máy tính.

Bươc chân

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

Biểu tượng Chrome trông giống như một quả bóng đầy màu sắc với một chấm màu xanh lam ở trung tâm. Bạn có thể tìm thấy biểu tượng này trong thư mục “Ứng dụng” trên máy tính Mac hoặc menu “Bắt đầu” trên máy tính 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ó 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. Sau đó, một menu thả xuống sẽ được hiển thị.

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 trong trình đơn thả xuống

Sau đó, menu con sẽ được hiển thị.

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 con “Công cụ khác”

Cột kiểm tra sẽ được hiển thị ở phía bên phải của cửa sổ trình duyệt.

Ngoài ra, bạn có thể mở cửa sổ kiểm tra bằng phím tắt. Nhấn Option + ⌘ Cmd + I trên máy tính Mac và Ctrl + Alt + I trên máy tính 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ử trong cột kiểm tra

Khi con trỏ được di chuột qua một phần tử hoặc dòng trong cửa sổ kiểm tra, phần tử tương ứng sẽ được đánh dấu 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 trang web

Trình đơn nhấp chuột phải sẽ xuất hiện trong 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

Sau đó, cột kiểm tra sẽ được chuyển lên hoặc xuống phần tử đó. Mã nguồn của phần tử sẽ được gắn cờ.

Bạn không phải mở trường kiểm tra theo cách thủ công. Lựa chọn " Quan sát ”Trên menu chuột phải để mở cột kiểm tra tự động.

Đề xuất: