Điều cần biết
-
Trong Safari: Nhấp chuột phải vào trang web và chọn Kiểm tra phần tử.
- Trong Chrome, bạn có thể nhấp chuột phải và nhấp vào Kiểm tra.
- Để bật tính năng này trong Safari: Safari> Preferences> Advanced> hãy kiểm tra Hiển thị menu Phát triển trong thanh menuhộp.
Bài viết này hướng dẫn bạn cách kiểm tra phần tử của trang web trên Mac. Nó xem xét cách thực hiện việc này qua Safari và Google Chrome.
Bạn sử dụng Tính năng Kiểm tra Phần tử trên máy Mac như thế nào?
Trước khi kiểm tra các phần tử trên Mac khi sử dụng Safari, bạn cần bật menu nhà phát triển trong trình duyệt. Dưới đây là cách bật nó và những việc cần làm để kiểm tra một phần tử.
Nếu bạn có thể thấy Phát triển giữa Dấu trang và Cửa sổ, thì Menu Nhà phát triển đã được bật và bạn có thể chuyển sang bước 4.
Sử dụng Tính năng Kiểm tra Phần tử trong Safari
Đây là cách sử dụng Kiểm tra Phần tử trong Safari, trình duyệt mặc định trên máy tính Mac.
-
Trong Safari, nhấp vào Safari> Preferences.
Image -
Bấm Nâng cao.
Image -
Nhấp vào Hiển thị menu Phát triểntrong thanh menu rồi đóng cửa sổ.
Image - Khi duyệt một trang web, nhấp chuột phải vào mục bạn muốn kiểm tra.
-
Nhấp vào Kiểm tra Phần tử.
Image -
Bây giờ bạn có thể xem mã đằng sau trang web mà bạn đã kiểm tra.
Image
Sử dụng Tính năng Kiểm tra Phần tử trong Chrome trên máy Mac
Nếu bạn sử dụng Chrome thay vì Safari trên máy Mac, việc xem một phần tử thậm chí còn dễ dàng hơn vì không cần phải bật tính năng này. Đây là những việc cần làm.
- Trong Chrome, duyệt đến một trang web.
- Nhấp chuột phải vào phần tử bạn muốn kiểm tra.
-
Bấm Kiểm tra.
Image -
Giờ đây, bạn có thể xem mã trong cửa sổ bên trên Chrome.
Image
Tại sao tôi không thể kiểm tra trên máy Mac của mình?
Bạn không thể kiểm tra một phần tử trên máy Mac của mình nếu bạn chưa bật menu Nhà phát triển trong Safari. Đây là lời nhắc về cách thực hiện.
-
Trong Safari, nhấp vào Safari> Preferences.
Image -
Bấm Nâng cao.
Image -
Nhấp vào Hiển thị menu Phát triểntrong thanh menu rồi đóng cửa sổ.
Image
Cách Thực hiện Thay đổi Trang web bằng cách Kiểm tra Phần tử
Bên cạnh việc cho phép bạn xem mã trên một trang web, bạn cũng có thể tạm thời thay đổi bất kỳ phần tử nào của trang web thông qua Kiểm tra Phần tử. Đây là cách thực hiện qua Safari.
Quá trình này rất tương tự trên các trình duyệt khác.
- Khi duyệt một trang web, nhấp chuột phải vào mục bạn muốn kiểm tra.
- Nhấp vào Kiểm tra Phần tử.
- Nhấp đúp vào văn bản trong mã để có thể chỉnh sửa.
- Xóa nó hoặc nhập một chuỗi văn bản mới.
- Nhấn Enter.
- Mã hiện đã được thay đổi tạm thời chỉ vì lợi ích của bạn.
Tại sao Bạn muốn Sử dụng Tính năng Kiểm tra Phần tử?
Có thể kiểm tra một phần tử sẽ hữu ích vì nhiều lý do.
- Để đổi mã nhanh chóng. Các nhà thiết kế trang web có thể tạm thời thay đổi mọi thứ trên một trang web để xem những thay đổi ảnh hưởng đến mọi thứ như thế nào.
- Để kiểm tra mã. Cả nhà thiết kế và nhân viên tiếp thị đều có thể kiểm tra mã để xác nhận rằng có những thứ như chi tiết Google Analytics.
- Để xem hình ảnh riêng biệt từ một trang web. Nếu một trang web không cho phép bạn mở một hình ảnh trong một tab hoặc cửa sổ mới, thì việc xem phần tử đó sẽ giúp bạn có thể thực hiện được.
-
Tinker. Xem mã của một trang web có thể giúp bạn hiểu những gì bạn thấy, xóa bỏ bí ẩn về nội dung và lý do của những gì xảy ra với trang web bạn đang truy cập. Nó giống như việc tháo rời một thiết bị để xem nó hoạt động như thế nào, nhưng không có ốc vít nào bị mất trong trường hợp này.
FAQ
Việc kiểm tra trang web có hợp pháp không?
Có. Tuy nhiên, nếu bạn định sử dụng bất kỳ mã hoặc nội dung nào từ một trang web, hãy nhớ kiểm tra với chủ sở hữu và thêm ghi chú bản quyền.
Làm cách nào để sao chép HTML từ một trang web có phần tử kiểm tra?
Trong Chrome, nhấp chuột phải vào trang và chọn Kiểm tra, sau đó chuyển đến phần trên cùng và nhấp chuột phải vào thẻ (ví dụ:). Chọn Copy> Copy externalHTML, sau đó dán mã vào tệp văn bản hoặc HTML.
Tôi có thể sao chép CSS từ một trang web có phần tử kiểm tra không?
Có. Nhấp chuột phải vào phần tử bạn muốn sao chép và chọn Kiểm tra. Nhấp chuột phải vào mã được đánh dấu và chọn Copy> Copy styles.
Làm cách nào để xem các mật khẩu đã lưu của tôi bằng phần tử kiểm tra?
Để hiển thị mật khẩu ẩn, nhấp chuột phải vào hộp văn bản mật khẩu và chọn Kiểm tra. Trong phần được đánh dấu, hãy tìm type=”password”và thay thế passwordbằng text. Có nhiều cách dễ dàng hơn để hiển thị tất cả mật khẩu của bạn trong Chrome.
