Computer >> Máy Tính >  >> Xử lý sự cố >> MAC

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

Các trang web là thiết yếu ở thời đại hiện tại của chúng ta. Chúng tôi sử dụng nó để tìm kiếm thông tin kinh doanh. Chúng tôi thậm chí còn sử dụng nó để nghiên cứu cho các hoạt động trong công việc hoặc trường học của chúng tôi. Như vậy, các trang web được hình thành từ các ngôn ngữ lập trình web mà một con mắt chưa qua đào tạo có thể khó hiểu.

Nếu bạn muốn tìm hiểu thêm về các phần của trang web, bạn phải biết cách kiểm tra phần tử trên Mac . Tính năng “Kiểm tra phần tử” này cho phép bạn xem hoặc sửa đổi giao diện người dùng của một trang web. Thật tuyệt khi biết cách kiểm tra các phần tử trên Mac khi bạn muốn tạo trang web của riêng mình (hoặc thậm chí tìm hiểu cách các trang web này hoạt động).

Ngoài việc kiểm tra trang web, dọn dẹp cookie cũng là một thao tác mà nhiều người sẽ làm. Nhấp vào liên kết để xem chi tiết.

Bài đăng này sẽ cung cấp cho bạn chi tiết về cách kiểm tra phần tử trên Mac. Chúng tôi sẽ nói về lý do tại sao bạn không thể xem hoặc "kiểm tra" các thành phần của trang web trong một số trường hợp nhất định. Sau đó, chúng tôi sẽ hướng dẫn bạn cách kiểm tra các phần tử của trang web bằng các trình duyệt khác nhau.

Phần 1. Tại sao tôi không thể kiểm tra trên máy Mac của mình?

Nếu bạn muốn biết cách kiểm tra các phần tử trên Mac, bạn phải biết lý do tại sao bạn không thể triển khai nó ngay từ đầu. Chỉ có thể kiểm tra trang web nếu bạn đã bật Trình đơn phát triển trên trình duyệt Safari của mình. Như vậy, việc kích hoạt Develop Menu là việc nên làm. Điều này sẽ cho phép bạn sử dụng Trình kiểm tra web của Apple.

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

Dưới đây là các bước để kích hoạt phát triển menu để có thể triển khai cách kiểm tra các phần tử trên Mac:

  1. Mở Safari.
  2. Tìm phần Tuỳ chọn của trình duyệt trong giao diện của trình duyệt.
  3. Chọn nhãn Nâng cao bằng cách nhấp vào nhãn đó.
  4. Chuyển đến phần dưới của ngăn. Sau đó, chọn hộp có nội dung “Hiển thị Menu Phát triển Trong Thanh Menu”.
  5. Chọn tùy chọn cho Phát triển.
  6. Nhấp vào tùy chọn để Hiển thị Trình kiểm tra Web.

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

Phần 2. Cách Kiểm tra Phần tử trên Trình duyệt Mac?

Có nhiều cách khác nhau về cách kiểm tra các phần tử trên Mac cho các trình duyệt khác nhau. Hãy xem cách kiểm tra các phần tử trên Mac bằng Chrome, Safari và Firefox bên dưới.

Cách kiểm tra phần tử trên máy Mac bằng trình duyệt Chrome

Dưới đây là một số cách bạn có thể triển khai cách kiểm tra các phần tử trong Chrome trên máy Mac:

  1. Phương pháp Nhấp chuột phải
  • Mở Chrome trên máy Mac của bạn.
  • Truy cập bất kỳ trang nào mà bạn muốn kiểm tra phần tử của nó.
  • Bây giờ, nhấp chuột phải vào trang và sau đó nhấp vào tùy chọn Kiểm tra. Nếu bạn nhấp chuột phải vào một phần tử cụ thể trên trang, phần tử này sẽ được mở trong chế độ xem người kiểm tra.
  1. Phương pháp thanh menu
  • Nhấp vào thanh menu trên cùng của menu Chế độ xem.
  • Sau đó, chọn tùy chọn dành cho Nhà phát triển, sau đó chuyển đến Công cụ dành cho nhà phát triển.
  • Khởi chạy tùy chọn Tùy chỉnh và Kiểm soát.
  1. Truy cập Biểu tượng Cài đặt
  • Đi tới Công cụ khác bằng cách nhấp vào biểu tượng trông giống như ba dấu chấm. Điều này có thể được tìm thấy ở phần trên bên phải của trình duyệt.
  • Nhấp vào Công cụ dành cho nhà phát triển.

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

  1. Phương pháp Phím tắt
  • Nhập CMD + OPTION + C trên macOS.
  • Thay đổi Vị trí Bảng điều khiển (Tùy chọn) bằng cách nhấp vào biểu tượng trông giống như ba dấu chấm. Chọn vị trí dock mà bạn muốn. Ví dụ:bạn có thể chọn Dock To Right.

Bây giờ, bạn sẽ thấy nhiều tab khác nhau khi bạn thực hiện một trong bốn phương pháp này về cách kiểm tra phần tử trên Mac. Các tab này bao gồm Phần tử, Nguồn, Bảng điều khiển, v.v. Thông thường, mọi thứ bạn cần đều có trong tab Phần tử.

Bạn có thể chọn một phần tử để xem mã nguồn của nó. Ngoài việc xem mã, bạn cũng có thể chỉnh sửa văn bản, xóa phần tử, ẩn phần tử và chỉnh sửa chúng dưới dạng HTML, trong số những thứ khác.

Tab dành cho Kiểu cho phép bạn kiểm tra định dạng của các phần tử, đặc biệt là các phần tử văn bản. Ngoài ra, bạn có thể kiểm tra trang trong chế độ xem trên thiết bị di động. Đây có thể là một nguồn thông tin tuyệt vời cho các nhà phát triển web và chủ doanh nghiệp muốn có một trang web thân thiện với thiết bị di động.

Cách kiểm tra phần tử trên máy Mac bằng trình duyệt Safari

Trước khi triển khai cách kiểm tra Safari trên Mac bằng trình duyệt của mình, trước tiên bạn nên bật Công cụ dành cho nhà phát triển cho Safari. Dưới đây là các bước về cách thực hiện:

  1. Mở trình duyệt Safari và chọn tùy chọn cho Preferences.
  2. Truy cập Nâng cao.
  3. Chọn hộp kiểm có nội dung “Hiển thị Menu Phát triển Trong Thanh Menu”.
  4. Kiểm tra kỹ xem menu có tùy chọn mới được gọi là Phát triển hay không.

Vì vậy, làm thế nào để kiểm tra các phần tử trên Mac bằng Safari. Dưới đây là một số phương pháp bạn có thể triển khai:

  1. Phương pháp Nhấp chuột phải
  • Chuyển đến trang bạn muốn kiểm tra các phần tử.
  • Nhấp chuột phải vào trang đó trên bất kỳ phần nào của trang đó.
  • Chọn Kiểm tra.
  1. Phát triển phương pháp thực đơn
  • Điều đầu tiên về cách kiểm tra phần tử trên Mac bằng Safari là truy cập trình đơn Phát triển.
  • Nhấp vào tùy chọn Hiển thị Trình kiểm tra Web.

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

  1. Phương pháp Phím tắt
  • Sử dụng các phím tắt phù hợp. Bây giờ, để thực hiện việc này, chỉ cần nhấp vào tùy chọn cho CMD + OPTION + I .

Bây giờ, bạn có thể thực hiện cách kiểm tra các phần tử trên Mac bằng Safari. Nhân tiện, nếu bạn tải quá chậm khi mở Safari, bạn có thể xem giải pháp trong bài viết liên kết.

Cách kiểm tra phần tử trên máy Mac bằng trình duyệt Firefox

Có nhiều cách khác nhau về cách kiểm tra bằng trình duyệt Firefox trên Mac. Dưới đây là một số phương pháp bạn có thể sử dụng để làm điều đó:

  1. Phương pháp Nhấp chuột phải
  • Điều đầu tiên cần làm là truy cập trang và nhấp chuột phải vào trang.
  • Sau đó, nhấp vào tùy chọn để Kiểm tra Phần tử.
  • Một điều không bắt buộc phải làm là nhấp chuột phải vào một phần tử cụ thể trong trang và sau đó kiểm tra nó.
  1. Phương pháp Trình đơn Công cụ
  • Bạn cũng có thể mở menu Công cụ trong trình duyệt Firefox của mình.
  • Sau đó, nhấp vào tùy chọn dành cho Nhà phát triển Web. Sau đó, nhấp vào tùy chọn Kiểm tra.

Cách kiểm tra phần tử trong Chrome, Safari và Firefox trên Mac

  1. Phương pháp Phím tắt
  • Sử dụng các phím tắt. Ví dụ:bạn có thể nhấp vào CTRL + Shift + C (Trên Windows) và bạn cũng có thể nhấp vào COMMAND + OPTION + C (trên máy tính Mac).

Làm cách nào để kiểm tra phần tử trên máy Mac mà không cần nhấp chuột phải?

Có nhiều cách về cách kiểm tra các phần tử trên Mac mà không cần nhấp chuột phải vào trang. Bạn có thể sử dụng các phím tắt để làm điều đó. Dưới đây là các phím tắt để kiểm tra các phần tử trên các trình duyệt khác nhau trên máy tính Mac của bạn:

  • Safari - COMMAND + OPTION + I
  • Chrome - COMMAND + OPTION + C
  • Firefox - COMMAND + OPTION + C

Ngoài ra, bạn cũng có thể sử dụng các tùy chọn hoặc công cụ hoặc menu cho ba trình duyệt này để kiểm tra phần tử trên máy tính Mac của mình mà không cần nhấp chuột phải vào trang. Bạn có thể xem các phương pháp này ở trên cho Safari, Chrome và Firefox.