Bí quyết Kiểm tra phần tử trên Chrome

Buzz

Đọc tóm tắt

- Hướng dẫn kiểm tra phần tử trực quan của mã nguồn HTML trên Google Chrome.
- Kích hoạt Google Chrome trên máy tính.
- Mở cột Inspector bằng cách nhấn ⌥ Option+⌘ Cmd+I trên Mac và Ctrl+Alt+I trên Windows.
- Di chuyển chuột đến phần tử cần kiểm tra để làm sáng trên trang web.
- Nhấp chuột phải vào phần tử và chọn Inspect từ menu chuột phải.
- Cột Inspector sẽ cuộn lên hoặc xuống đến phần tử được chọn.
- Công cụ Inspector sẽ tự động mở ra khi chọn mục Inspect từ menu chuột phải.

Mytour 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 dùng Google Chrome trên máy tính.

Các bước

Kích hoạt Google Chrome trên máy tính. Ứng dụng Chrome hiển thị biểu tượng quả cầu nhiều màu với dấu chấm xanh lá ở giữa. Bạn có thể tìm nó trong thư mục Applications trên Mac hoặc trình đơn Start của Windows.

Chạm vào biểu tượng ba dấu 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. Một menu sẽ xuất hiện.

Dẫn con trỏ đến mục More Tools

(Công cụ Khác) trong trình đơn thả xuống. Một menu phụ sẽ hiện ra.

Nhấp vào Developer Tools (Công cụ Phát triển) trong menu phụ More Tools. Cột Inspector (Kiểm tra) sẽ xuất hiện bên phải cửa sổ trình duyệt.

Hoặc bạn có thể mở cột Inspector bằng cách nhấn ⌥ Option+⌘ Cmd+I trên Mac và Ctrl+Alt+I trên Windows.

Dịch chuyển chuột đến một phần tử trong cột Inspector. Khi bạn di chuyển chuột lên một phần tử hoặc dòng nào đó trong cửa sổ Inspector, phần tử đó sẽ được làm sáng trên trang web.

Nhấp chuột phải vào phần tử mà bạn muốn kiểm tra trên trang web. Một menu chuột phải sẽ xuất hiện trong khung thả xuống.

Chọn Inspect (Kiểm tra) từ menu thả xuống. Cột Inspector sẽ cuộn lên hoặc xuống đến phần tử được chọn và làm sáng mã nguồn của nội dung đó.

Không cần phải mở cột Inspector để thực hiện thao tác này. Khi bạn chọn mục Inspect từ menu chuột phải, công cụ Inspector sẽ tự động mở ra.

Nội dung được phát triển bởi đội ngũ Mytour với mục đích chăm sóc khách hàng và chỉ dành cho khích lệ tinh thần trải nghiệm du lịch, chúng tôi không chịu trách nhiệm và không đưa ra lời khuyên cho mục đích khác.

Nếu bạn thấy bài viết này không phù hợp hoặc sai sót xin vui lòng liên hệ với chúng tôi qua email [email protected]

Các câu hỏi thường gặp

Làm thế nào để kiểm tra phần tử HTML trong Google Chrome trên máy tính?

Để kiểm tra phần tử HTML, bạn cần mở Google Chrome, vào menu 'Công cụ Khác', chọn 'Công cụ Phát triển', sau đó nhấp chuột phải vào phần tử muốn kiểm tra và chọn 'Kiểm tra'.

Cách mở công cụ Developer Tools trong Google Chrome trên máy tính như thế nào?

Để mở công cụ Developer Tools, bạn có thể vào menu Chrome, chọn 'Công cụ Phát triển', hoặc sử dụng phím tắt ⌥ Option+⌘ Cmd+I trên Mac, hoặc Ctrl+Alt+I trên Windows.

Làm sao để kiểm tra phần tử cụ thể trên trang web bằng công cụ Inspector trong Google Chrome?

Khi mở cột Inspector, di chuyển chuột đến phần tử muốn kiểm tra, nhấp chuột phải và chọn 'Kiểm tra'. Mã nguồn HTML của phần tử đó sẽ tự động xuất hiện trong cột Inspector.