Gỡ lỗi trang web trong Chrome trên iOS 16.4 trở lên

Mike Dougherty
Mike Dougherty

Từ Chrome 115, bạn có thể bật tính năng gỡ lỗi trong Safari Web Inspector cho Chrome trên iOS. Bài đăng này giải thích cách bắt đầu.

Trước Chrome 115, việc gỡ lỗi trang web bắt buộc phải xây dựng Chrome dành cho iOS từ nguồn, vì phiên bản phát hành của WKWebView không hỗ trợ gỡ lỗi Trình kiểm tra web từ xa. Trong Chrome 73, chúng tôi đã thêm trang chrome://inspect. Trang này hiển thị cục bộ nhật ký JavaScript để hỗ trợ gỡ lỗi trang web. Hiện tại, WKWebView cho phép gỡ lỗi Web Inspector trong bản phát hành (kể từ iOS 16.4), chúng tôi đã thêm một chế độ cài đặt trong Chrome 115 để bật tính năng này và cải thiện thêm trải nghiệm của nhà phát triển.

Bắt đầu

Trên thiết bị iOS, bạn cần:

  • iOS 16.4 trở lên.
  • Chrome 115 trở lên.

Trên máy Mac, bạn cần có:

  • Đã bật trình đơn Develop (Phát triển) của Safari. Bật tính năng này từ phần cài đặt ứng dụng Safari, thẻ Cài đặt nâng cao.

Trên thiết bị iOS, mở ứng dụng Chrome và chuyển đến phần Cài đặt. Trong phần Cài đặt nội dung, hãy bật Công cụ kiểm tra web. Chạy lại Chrome dành cho iOS sau khi thay đổi chế độ cài đặt này.

Gỡ lỗi trang web của bạn

Khi bật cài đặt này, bạn có thể gỡ lỗi bất kỳ trang nào đang chạy trong Chrome dành cho iOS bằng cách làm theo các bước sau.

  1. Kết nối thiết bị iOS với máy Mac bằng cáp.
  2. Trong Chrome dành cho iOS, hãy chuyển đến trang web mà bạn muốn kiểm tra.
  3. Trên máy Mac, hãy mở Safari. Từ trình đơn Phát triển, hãy di chuột qua tên của thiết bị đã kết nối rồi chọn URL của trang web mà bạn muốn kiểm tra.

Cửa sổ Trình kiểm tra web hiện ra sẽ cho phép gỡ lỗi chế độ xem web hiện tại. Để biết thêm thông tin chi tiết về cách sử dụng Công cụ cho nhà phát triển Safari, hãy tham khảo tài liệu của Apple.