31. tháng 5 2025
Đầu tiên, bạn cần kích hoạt Trình kiểm tra Web (Web Inspector) trong cài đặt Safari của thiết bị iOS. Để làm điều này, hãy truy cập Cài đặt > Safari > Nâng cao và bật công tắc cho mục "Trình kiểm tra Web".
Tiếp theo, trên máy Mac của bạn, hãy mở Safari và vào tu vi trong ngay Cài đặt Safari. Chuyển đến tab Nâng cao và chọn hộp kiểm "Hiển thị menu Phát triển trong thanh menu".
Khi đã kết nối thiết bị iPhone với máy Mac qua cáp dữ liệu, bạn sẽ thấy tên thiết bị xuất hiện trong menu Phát triển của Safari. Từ đây, bạn có thể chọn trang web cụ thể mà bạn muốn gỡ lỗi.
Trong quá trình thử nghiệm tải lên hình ảnh trên điện thoại, tôi đã gặp phải thông báo lỗi sau:
Không thể tải tài nguyên: máy chủ đã phản hồi với mã trạng thái 413 (Yêu cầu Thực thể Quá Lớn)
Mặc dù tệp [đá gà thomo trực b29 club tiếp hôm nay gà đòn](/blog/photoshop-layer-is-saved-as-a-picture/) hình ảnh chỉ có dung lượng 1,8 MB. Để giải quyết vấn đề này, chúng ta cần tăng giới hạn kích thước yêu cầu trong cấu hình Nginx:
client_max_body_size 8M;
Từ kinh nghiệm này, tôi nhận ra rằng nếu chúng ta thiết kế giao diện người dùng tốt hơn khi viết mã frontend, ví dụ như hiển thị rõ ràng các thông báo lỗi hoặc giới hạn kích thước file, thì có thể tiết kiệm được rất nhiều thời gian gỡ lỗi không cần thiết.
Ngoài ra, việc sử dụng các công cụ gỡ lỗi từ xa như trên là vô cùng hữu ích cho việc phát triển và tối ưu hóa trải nghiệm người dùng trên thiết bị di động. Nó giúp chúng ta nhanh chóng xác định và khắc phục các vấn đề xảy ra trên môi trường thực tế.
Lưu ý rằng để đảm bảo kết nối gỡ lỗi hoạt động ổn định, bạn nên sử dụng cáp Lightning chính hãng và giữ kết nối ổn định giữa Mac và thiết bị iOS trong suốt quá trình gỡ lỗi.