Cách xuất tệp HAR đúng cách: hướng dẫn chi tiết cho các trình duyệt khác nhau

Tệp HAR (HTTP Archive) — là định dạng tiêu chuẩn để lưu trữ các ghi chú về lưu lượng web. Định dạng này cần thiết để chẩn đoán các vấn đề mạng, phân tích hiệu suất trang và gỡ lỗi. Xuất tệp HAR giúp các kỹ thuật viên nhanh chóng hiểu rõ những gì xảy ra khi tải trang của bạn. Dưới đây là hướng dẫn cách lấy tệp HAR trên từng trình duyệt phổ biến.

Nội dung của tệp HAR và nơi sử dụng

Tệp HAR chứa đầy đủ thông tin về tất cả các yêu cầu và phản hồi HTTP xảy ra khi tải trang. Trong đó ghi lại thời gian phản hồi của máy chủ, kích thước dữ liệu, tiêu đề yêu cầu, cookie và các chi tiết kỹ thuật khác. Điều này giúp các chuyên gia nhanh chóng xác định các vấn đề về kết nối, dịch vụ chậm hoặc cấu hình sai.

Quy trình chung cho Chrome, Firefox và Brave

Trong ba trình duyệt này, quá trình xuất tệp HAR gần như giống nhau. Đảm bảo bạn đang dùng phiên bản trình duyệt mới nhất.

Các bước chính:

  1. Mở trang cần ghi lại lưu lượng mạng
  2. Mở công cụ dành cho nhà phát triển: nhấn F12 hoặc qua menu trình duyệt chọn Công cụ dành cho nhà phát triển → Công cụ phát triển
  3. Chuyển sang tab Network (Mạng)
  4. Kích hoạt chế độ lưu log: tìm tùy chọn Preserve log (Lưu giữ nhật ký) và tích vào ô
  5. Tải lại trang — quá trình ghi lại tất cả các hoạt động mạng sẽ bắt đầu
  6. Sau khi tải xong, thực hiện các thao tác cần thiết trên trang (nhấp, cuộn, tương tác với các phần tử)
  7. Nhấp chuột phải vào bất kỳ mục nào trong nhật ký và chọn Save as HAR with content hoặc nhấn biểu tượng Export HAR để tải tệp HAR về máy tính

Trong Google Chrome, vòng tròn đỏ ở góc trái trên cùng của tab Network cho biết quá trình ghi đang hoạt động. Nếu vòng tròn đen, nhấp vào để bật ghi.

Xuất tệp HAR trong Safari

Safari yêu cầu các bước khác để kích hoạt chế độ dành cho nhà phát triển.

Các bước thực hiện:

  1. Trong Safari, mở trang cần ghi lại lưu lượng web
  2. Vào Safari → Tùy chọn → Nâng cao và tích vào Hiển thị menu “Phát triển” trong thanh menu
  3. Trên thanh menu trên cùng, nhấn vào Phát triển rồi chọn Inspector Web
  4. Trong cửa sổ mở ra, chọn tab Nguồn lực, rồi tích vào Preserve log
  5. Chuyển sang tab Mạng
  6. Tải lại trang và đợi hoàn tất tải tất cả các tài nguyên
  7. Nhấp chuột phải vào bất kỳ mục nào trong nhật ký và chọn Copy All as HAR — toàn bộ tệp HAR sẽ được sao chép vào bộ nhớ đệm
  8. Mở trình chỉnh sửa văn bản (Notepad hoặc tương tự), dán nội dung từ bộ nhớ đệm và lưu lại với phần mở rộng .har

Tạo tệp HAR trong Microsoft Edge (Chromium)

Microsoft Edge dựa trên engine Chromium có giao diện gần giống Chrome, nhưng có chút khác biệt.

Các bước thực hiện:

  1. Truy cập trang cần phân tích
  2. Mở công cụ dành cho nhà phát triển qua menu: Công cụ bổ sung → Công cụ dành cho nhà phát triển hoặc nhấn F12
  3. Chuyển sang tab Mạng
  4. Tắt tùy chọn Clear entries on navigate (mặc định bật) để giữ log khi điều hướng
  5. Đảm bảo nút Start profiling session đang bật — nghĩa là quá trình ghi đang diễn ra
  6. Tải lại trang và thực hiện các thao tác cần thiết
  7. Sau khi xong, nhấn vào biểu tượng Export HAR để tải tệp HAR về thiết bị của bạn

Những lưu ý quan trọng khi làm việc với tệp HAR

Trước khi gửi tệp HAR cho người khác, hãy đảm bảo không có dữ liệu nhạy cảm trong đó. Tệp HAR chứa thông tin về các yêu cầu, bao gồm tham số URL và tiêu đề, có thể bao gồm token xác thực hoặc dữ liệu cá nhân. Nên kiểm tra nội dung tệp trước khi chuyển đi.

Quá trình xuất tệp HAR đã được tích hợp trong tất cả trình duyệt hiện đại và chỉ mất vài phút. Dù bạn dùng Chrome, Firefox, Safari, Edge hay Brave, quy trình cơ bản vẫn giống nhau: mở công cụ dành cho nhà phát triển, tìm tab Network, kích hoạt ghi log và xuất HAR. Tệp này sẽ là công cụ mạnh mẽ để chẩn đoán các vấn đề của trang web của bạn.

Xem bản gốc
Trang này có thể chứa nội dung của bên thứ ba, được cung cấp chỉ nhằm mục đích thông tin (không phải là tuyên bố/bảo đảm) và không được coi là sự chứng thực cho quan điểm của Gate hoặc là lời khuyên về tài chính hoặc chuyên môn. Xem Tuyên bố từ chối trách nhiệm để biết chi tiết.
  • Phần thưởng
  • Bình luận
  • Đăng lại
  • Retweed
Bình luận
0/400
Không có bình luận
  • Ghim