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 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, bạn cần tạo Chrome dành cho iOS từ nguồn để gỡ lỗi trang web, 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ị nhật ký JavaScript cục bộ để hỗ trợ gỡ lỗi trang web. Giờ đây, WKWebView cho phép gỡ lỗi Trình kiểm tra web 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 hơn nữa 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 trong phần cài đặt ứng dụng Safari, thẻ Cài đặt nâng cao.

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

Gỡ lỗi trang web

Khi bật chế độ 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 khởi chạy Safari. Trong trình đơn Develop (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ổ Web Inspector (Trình kiểm tra web) hiển thị 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ụ dành cho nhà phát triển Safari, hãy tham khảo tài liệu của Apple.