Safari cho iOS bao gồm bảng điều khiển gỡ lỗi tùy chọn để giúp các nhà phát triển web theo dõi và giải quyết các sự cố với các trang web trên iPhone và iPad.

Thậm chí tốt hơn, với các phiên bản iOS mới nhất, nó thực sự sử dụng cùng một Trình kiểm tra web giống như Safari trên máy tính để bàn, nghĩa là nếu bạn kết nối iPhone hoặc iPad với máy tính, bạn có thể sử dụng trực tiếp các công cụ gỡ lỗi Safari bằng thiết bị iOS hoặc iPadOS của bạn

Các phiên bản iOS cũ hơn cũng có khả năng này và mặc dù không bao gồm như các công cụ dành cho nhà phát triển và gỡ lỗi Safari trên máy tính để bàn, nhưng nó vẫn hữu ích và dễ dàng bật hoặc tắt trên iPhone và iPad.

Hãy tìm hiểu cách bật tính năng này trên cả phiên bản iOS mới và cũ, đồng thời tìm hiểu điểm khác biệt giữa các phiên bản.

Cách Bật & Sử dụng Trình kiểm tra Web trong Safari dành cho iPhone và iPad

Trên các phiên bản iOS và iPadOS hiện đại, đây là cách thức hoạt động của trình kiểm tra web Safari:

1. Mở Cài đặt > Safari > Nâng cao rồi nhấn để bật “Trình kiểm tra web”
2. Kết nối iPhone hoặc iPad với máy Mac, sau đó truy cập Safari và bật menu nhà phát triển nếu bạn chưa làm như vậy bằng cách đi tới Safari > Tùy chọn > Nâng cao > Hiển thị thanh menu Phát triển
3. Kéo thanh menu “Develop” xuống và tìm iPhone hoặc iPad, sau đó mở trang web bạn muốn gỡ lỗi
4. Safari Web Inspector sẽ mở ra nơi bạn có thể gỡ lỗi và kiểm tra các phần tử web từ thiết bị iOS hoặc IPadOS trực tiếp trong Safari trên máy Mac

Bây giờ khi bạn điều hướng trên iPhone hoặc iPad, bạn sẽ thấy Trình kiểm tra web trong Safari trên máy Mac sẽ cập nhật.

Bạn có thể truy cập Bảng điều khiển gỡ lỗi thông qua tab Bảng điều khiển trong trình kiểm tra web và bạn có thể truy cập trình gỡ lỗi thông qua tab Trình gỡ lỗi. Và tất nhiên, các công cụ kiểm tra web thông thường dành cho phần tử, tài nguyên, mạng, v.v. cũng có sẵn để sử dụng.

Bạn cũng có thể sử dụng thủ thuật Xem nguồn cho iOS và iPadOS khi đang di chuyển, nếu cần.

Cách bật Bảng điều khiển gỡ lỗi trên các phiên bản iOS cũ hơn

Nếu bạn có phiên bản iOS cũ hơn trên iPhone hoặc iPad cũ hơn, thì toàn bộ trải nghiệm gỡ lỗi đều có trên thiết bị và bạn không thể kết nối thiết bị đó với Safari trên máy Mac. Tuy nhiên, nó vẫn khá hữu ích, đây là cách nó hoạt động:

1. Khởi chạy “Cài đặt” và chạm vào “Safari”
2. Nhấn vào “Nâng cao”
3. Trượt “Bảng điều khiển gỡ lỗi” sang BẬT

Sau khi được bật, hãy nhấn vào Bảng điều khiển gỡ lỗi ở đầu bất kỳ màn hình Safari nào để xem lỗi trang web.

Danh sách mặc định hiển thị tất cả các lỗi, nhưng bạn có thể xem chi tiết các lỗi HTML, JavaScript và CSS cụ thể hơn bằng cách nhấn vào từng lỗi.

Một công cụ hữu ích khác dành cho nhà phát triển web di động là Firebug Lite dành cho iOS, sử dụng bookmarklet javascript để tải phiên bản đơn giản hơn của công cụ phát triển Firebug phổ biến. Chức năng đó có lẽ cũng hữu ích nhất cho các phiên bản iOS cũ hơn, vì các phiên bản mới hơn có các khả năng mới.

Bạn có sử dụng bất kỳ công cụ phát triển web nào cho iPhone hoặc iPad không? Chia sẻ với chúng tôi bất kỳ mẹo, thủ thuật, ứng dụng hoặc kỹ thuật nào trong phần nhận xét bên dưới.