"Chúng ta hiện đã kết nối với Internet, như các nơ-ron trong một bộ óc khổng lồ" ~ Stephen Hawking
Thật sự, có phải không? Sức mạnh của Internet là không thể so sánh! Web đầy ắp hàng triệu trang web và thông tin. Dù bạn cần tìm một thông tin cụ thể cho nghiên cứu, hay đơn giản lướt qua các cổng giải trí hay đào sâu vào mạng xã hội, các trang web đóng vai trò nguồn chính giữ chúng ta gắn bó với thiết bị.
Nguồn ảnh: YouTube
Bạn đã nghe về tính năng "Inspect Element" (Kiểm tra phần tử) khi sử dụng bất kỳ trang web nào? Inspect Element giống như một công cụ trình duyệt cho phép bạn xem và chỉnh sửa script HTML và CSS của trang web. Tính năng này có sẵn trên tất cả trình duyệt tuy nhiên, tên gọi có thể khác nhau, ví dụ với Chrome là Developer Mode (Chế độ nhà phát triển), Safari là Web Inspector (Trình kiểm tra web) và Firefox là Inspect (Kiểm tra).
Trong bài viết này, chúng ta sẽ học cách Inspect Element trên Mac trên các trình duyệt khác nhau, bao gồm Safari, Google Chrome và Firefox. Và trước khi bắt đầu, hãy hiểu nhanh cách dùng công cụ Inspect Element và tại sao nó hữu ích.
"Inspect Element" Là Gì?
Khi bạn nhấp chuột phải vào bất kỳ trang web nào, bạn sẽ thấy tính năng "Inspect Element" trong menu ngữ cảnh. Về mặt kỹ thuật, công cụ Inspect Element cho phép người dùng xem hoặc sửa đổi trang web ở front-end. Công cụ Inspect Element chủ yếu được các nhà phát triển front-end dùng để "chơi" với giao diện của một trang web nhất định mà không lo phá mã nguồn trực tiếp. Nó được dùng trong giai đoạn "Testing" (Kiểm tra) để "inspect" (kiểm tra) các phần tử của trang web vào những dịp nhất định.
Cách Inspect Element Trên Mac
Tính năng Inspect Element đi kèm với mỗi trình duyệt web, bao gồm Safari, Chrome và Firefox. Chúng ta sẽ học cách dùng Inspect Element trên Mac của từng trình duyệt web.
Safari:
Trước khi bắt đầu, trước tiên hãy bật tính năng "Inspect Element" trên Safari nếu nó không được bật mặc định.
Khởi chạy Safari, mở Preferences (Tùy chọn).
Chuyển sang tab "Advanced" (Nâng cao) và tích vào tùy chọn "Show develop menu in the menu bar" (Hiển thị menu Develop trong thanh menu).
Ngay khi bạn tích tùy chọn này, một tùy chọn "Develop" mới sẽ được thêm vào thanh menu.
Để Inspect Element trên Mac trên trình duyệt Safari, đây là những gì bạn cần làm:
Tùy chọn 1: Qua Phương Pháp Nhấp Chuột Phải
Cách nhanh nhất để dùng công cụ Inspect Element trên Mac là dùng phương pháp nhấp chuột phải.
Truy cập trang web, nhấp chuột phải vào bất kỳ khoảng trắng nào, chọn "Inspect" (Kiểm tra).
Tùy chọn 2: Qua Menu "Develop"
Bạn cũng có thể dùng tính năng Inspect Element qua menu "Develop" mới thêm.
Truy cập trang web, nhấn vào tùy chọn "Develop" đặt trên thanh menu phía trên, sau đó chọn "Show web inspector" (Hiển thị trình kiểm tra web).
Tùy chọn 3: Dùng Phím Tắt
Lựa chọn thứ ba để dùng công cụ Inspect Element trên macOS là qua phím tắt.
Chỉ cần nhấn tổ hợp phím Command + Option + I để Inspect Element của một trang web.
Google Chrome:
Có 4 cách khác nhau để Inspect Element trên Mac trên trình duyệt Chrome.
Tùy chọn 1: Phương Pháp Nhấp Chuột Phải
Khởi chạy trình duyệt Chrome trên Mac, truy cập trang web bạn cần kiểm tra các phần tử.
Nhấp chuột phải vào bất kỳ đâu và chọn "Inspect".
Tùy chọn 2: Qua Thanh Menu
Khởi chạy Chrome, nhấn vào tùy chọn "View" (Xem) đặt trên thanh menu phía trên.
Nguồn ảnh: Super User
Điều hướng đến Developer Tools > Developer > Developer Tools.
Chọn tùy chọn "Customize and Control" để dùng Inspect Element trên Chrome.
Tùy chọn 3: Sử Dụng Phím Tắt Bàn Phím
Nhấn Command + Option + C để xem cửa sổ "Inspect Element" trên Chrome.
Tùy chọn 4: Qua Settings (Cài đặt)
Khởi chạy Google Chrome trên macOS, nhấn vào biểu tượng ba chấm ở góc trên bên phải.
Nhấn vào "More Tools" (Công cụ khác) và chọn "Developer Tools" (Công cụ nhà phát triển).
Mozilla Firefox:
Để dùng công cụ Inspect Element trên Firefox, làm theo các bước nhanh sau.
Tùy chọn 1: Phương Pháp Nhấp Chuột Phải
Khởi chạy Firefox, truy cập trang web.
Nhấp chuột phải vào bất kỳ đâu trên màn hình, chọn "Inspect".
Tùy chọn 2: Qua Menu
Khởi chạy Firefox trên Mac. Nhấn vào tùy chọn "Tools" (Công cụ) đặt trên thanh menu phía trên, chọn "Web Developer" (Nhà phát triển web). Nhấn vào "Inspect" (Kiểm tra).
Tùy chọn 3: Phím Tắt
Phím tắt để bật Inspect Element trên Mac trên trình duyệt Firefox có thể đạt được bằng cách nhấn tổ hợp phím Command + Option + C.
Câu Hỏi Thường Gặp:
Q.1. Làm thế nào để mở inspect element trên Mac?
Nguồn ảnh: Zapier
Một trong những cách nhanh nhất để mở công cụ Inspect Element trên Mac là nhấp chuột phải vào trang web và chọn tùy chọn "Inspect" từ menu ngữ cảnh.
Q.2. Phím tắt cho Inspect Element trên Mac là gì?
Phím tắt để dùng Inspect Element khác nhau trên mỗi trình duyệt:
- Safari: Command + Option + I
- Chrome: Command + Option + C
- Firefox: Command + Option + C
Q.3. Làm thế nào để mở Inspect Element trong Chrome trên Mac?
Để dùng Inspect Element trên Google Chrome, bạn có thể nhấn tổ hợp phím Command + Option + C. Hoặc bạn cũng có thể nhấp chuột phải vào bất kỳ đâu trên màn hình, chọn "Inspect" để khởi chạy cửa sổ Inspect Element.
Lời Kết Về Cách Inspect Element Trên Mac
Đây là hướng dẫn nhanh cách dùng công cụ Inspect Element trên macOS trên các trình duyệt web khác nhau, bao gồm Safari, Chrome và Firefox. Theo dõi chúng tôi trên mạng xã hội – Facebook, Instagram và YouTube. Bạn dùng công cụ Inspect Element trên Mac bao nhiêu lần và cho mục đích gì? Đừng ngần ngại chia sẻ suy nghĩ với độc giả của chúng tôi.