Điều cần biết
- Kích hoạt Trình kiểm tra web trên iOS: Đi tới Cài đặt> Safari> Advancedvà di chuyển nút chuyển đổi Trình kiểm tra websang vị trí Bật.
- Sử dụng Trình kiểm tra web trên macOS: Kết nối thiết bị iOS của bạn với máy Mac và chọn URL để kiểm tra từ trình đơn Develop.
Nếu bạn gặp lỗi hoặc sự cố khác với trang web trên Safari di động, hãy sử dụng công cụ Trình kiểm tra web để điều tra. Bài viết này giải thích cách sử dụng bảng điều khiển Safari cho iPhone để gỡ lỗi với sự trợ giúp của máy tính Mac của bạn. Hướng dẫn áp dụng cho iPhone chạy iOS 14, iOS 12 hoặc iOS 11 và cũng như máy Mac chạy macOS Big Sur (11.0), macOS Catalina (10.15) hoặc macOS Mojave (10.14).
Kích hoạt Trình kiểm tra web trên iPhone của bạn hoặc Thiết bị iOS khác
Trình kiểm tra web bị tắt theo mặc định vì hầu hết người dùng iPhone không sử dụng nó. Tuy nhiên, nếu bạn là nhà phát triển hoặc bạn tò mò, bạn có thể kích hoạt nó trong một vài bước ngắn. Đây là cách thực hiện:
-
Mở menu iPhone Settings.
Trên iPhone có phiên bản iOS đầu tiên, hãy truy cập Bảng điều khiển gỡ lỗi thông qua Cài đặt> Safari> Nhà phát triển> Debug ConsoleKhi Safari trên iPhone phát hiện lỗi CSS, HTML và JavaScript, thông tin chi tiết của từng hiển thị trong trình gỡ lỗi.
- Cuộn xuống và nhấn Safariđể mở màn hình chứa mọi thứ liên quan đến trình duyệt web Safari trên iPhone, iPad hoặc iPod touch của bạn.
- Cuộn xuống cuối trang và chọn Advanced.
-
Di chuyển công tắc bật tắt Web Inspectorsang vị trí On.
Image
Kết nối Thiết bị iOS của bạn với Safari trên máy Mac
Để sử dụng Trình kiểm tra web, hãy kết nối iPhone hoặc thiết bị iOS khác của bạn với máy Mac có trình duyệt web Safari và bật menu Phát triển.
-
Khi mở Safari, chọn Safaritừ thanh menu và chọn Preferences.
Image -
Chọn tab Advanced.
Image -
Chọn hộp kiểm Hiển thị menu Phát triển trong thanh menuvà đóng cửa sổ cài đặt.
Image -
Từ thanh menu Safari, chọn Developvà chọn tên thiết bị iOS được đính kèm của bạn, sau đó chọn URL xuất hiện trong Safariđể mở bảng điều khiển gỡ lỗi cho trang web đó.
Image Sau khi bạn kết nối thiết bị của mình, hãy sử dụng máy Mac để kiểm tra trang web bạn muốn gỡ lỗi và mở trang web đó trong trình duyệt Safari dành cho thiết bị di động.
Trình kiểm tra web là gì?
Các nhà phát triển web sử dụng Trình kiểm tra web để sửa đổi, gỡ lỗi và tối ưu hóa các trang web trên máy Mac và thiết bị iOS. Khi mở Trình kiểm tra web, các nhà phát triển có thể kiểm tra các tài nguyên trên một trang web. Cửa sổ Trình kiểm tra web chứa HTML có thể chỉnh sửa và các ghi chú về kiểu và lớp của trang web trong một bảng điều khiển riêng biệt.
Trước iOS 6, trình duyệt web Safari trên iPhone đã có Bảng điều khiển gỡ lỗi tích hợp sẵn mà các nhà phát triển sử dụng để tìm lỗi trang web. Các phiên bản iOS gần đây sử dụng Trình kiểm tra web để thay thế.
Với Safari 9 và OS X Mavericks (10.9), Apple đã giới thiệu Chế độ thiết kế đáp ứng trong Trình kiểm tra web. Các nhà phát triển sử dụng trình mô phỏng tích hợp này để xem trước cách các trang web chia tỷ lệ theo các kích thước, độ phân giải và hướng màn hình khác nhau.
