Trang hiện chữ nhưng thiếu nút, ảnh hoặc bố cục thường cần kiểm tra từng tài nguyên. Một lần tải HTML thành công không xác nhận toàn bộ chức năng website đã hoạt động qua tuyến proxy.
Một trang có nhiều yêu cầu
HTML, stylesheet, script, font, hình ảnh và API có thể ở những hostname khác nhau. Hãy dùng danh sách request thay vì chỉ nhìn URL trên thanh địa chỉ. Chrome DevTools Network cung cấp thông tin như domain, status, initiator và timing để điều tra.
Tìm lỗi đầu tiên
- Mở Network rồi tái lập lỗi bằng một lần tải trang.
- Lọc các request thất bại; ghi URL đã che thông tin riêng tư và mã phản hồi.
- Xem loại tài nguyên và initiator để biết thành phần nào yêu cầu nó.
- Đối chiếu thời điểm với lỗi Console, tránh coi mọi cảnh báo đều là nguyên nhân.
- So sánh cùng request qua tuyến khác nếu bạn được phép kiểm thử.
Phân nhóm nguyên nhân
404 cần kiểm tra đường dẫn hoặc phiên bản tài nguyên. TLS cần kiểm tra hostname và chứng chỉ. CORS, CSP hoặc mixed content cần được xử lý theo chính sách của ứng dụng. Timeout cần đối chiếu kết nối và thời gian xử lý. Đổi IP có thể không liên quan tới các lỗi này.
Ví dụ minh họa
HTML tải từ hostname chính, nhưng một script trên hostname tài nguyên trả 404 sau lần triển khai. Giao diện thiếu nút vì script không chạy. Đội phát triển nên kiểm tra bản build và đường dẫn script, không mở allowlist cho mọi hostname hoặc thay proxy hàng loạt.
Cho phép đúng phạm vi
Với hệ thống mình quản lý, lập danh sách hostname thật sự cần cho tác vụ. Chỉ điều chỉnh chính sách đối với đích hợp lệ đã xác minh. Không tắt bảo vệ trình duyệt hoặc cho phép toàn bộ Internet để xử lý một request phụ thuộc.
Nếu tài nguyên cần đăng nhập, kiểm tra cookie và cơ chế truy cập theo thiết kế. Không sao chép cookie sang một hostname lạ để “thử cho chạy”.
Tiêu chí kiểm thử lại
Không chỉ nhìn trang đẹp hơn: thử tác vụ cần thiết, xác minh các request quan trọng và nội dung API. Gửi hỗ trợ tên miền, loại request, mã lỗi và thời điểm. File HAR có thể chứa thông tin nhạy cảm; chỉ chia sẻ qua kênh đã xác minh sau khi rà và che dữ liệu.
Đọc thêm cách kiểm tra DNS khi lỗi xảy ra trước khi request tới dịch vụ.