Làm cách nào để xem / phát lại tệp har trình gỡ lỗi mạng chrome được lưu cùng với nội dung?


117

Tôi thích trình gỡ lỗi mạng, có nghĩa là, có những chương trình nào cho phép tôi tiến và lùi qua nhiều 'hars' để tôi có thể phát lại chúng? nếu 'hars' được lưu cùng với nội dung, thì bản phát lại có thể xử lý được điều đó không?

ngay bây giờ tôi chỉ mới đọc qua trong textpad, nhưng nếu tôi phải trình bày bất kỳ phát hiện nào của mình thì một 'har player' đẹp có thể giúp ích rất nhiều cho những người không chuyên về kỹ thuật.


cho đến nay, tôi có một 'cùng một lúc' người xem
DefyGravity

9
Câu hỏi này trên superuser là về cơ bản giống nhau và có câu trả lời đàng hoàng: superuser.com/questions/360992/...
David Fraser

Câu trả lời:


86

Có một HAR Viewer do Jan Odvarko phát triển mà bạn có thể sử dụng. Bạn có thể sử dụng phiên bản trực tuyến tại

Hoặc tải xuống mã nguồn tại https://github.com/janodvarko/harviewer .

CHỈNH SỬA: Chrome 62 DevTools bao gồm chức năng nhập HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports


1
FWIW điều này dường như không xử lý "nội dung" khi bạn sử dụng "Lưu dưới dạng HAR với nội dung". Ngoài ra, đó là một trình xem HAR tốt.
Doktor J

vẫn chưa làm cho nó hoạt động trên tùy chọn 'lưu tất cả dưới dạng har' từ trình gỡ lỗi chrome. Tuy nhiên, tôi sẽ tiếp tục kiểm tra lại nó.
DefyGravity

vừa làm cho nó hoạt động ngày hôm nay từ một trang web khá nặng. ứng dụng tốt
DefyGravity

7
CẢNH BÁO: Tuyệt vời như âm thanh của trình xem HAR "trực tuyến", tôi sẽ hơi lo lắng về những gì máy chủ đó đang làm với HAR - nó có lưu nó không? Phân tích nó? HAR có thể bao gồm dữ liệu cá nhân nhạy cảm .. Cá nhân tôi sẽ không tải HAR lên máy chủ của người khác .. bây giờ nếu nó được gửi cho tôi bởi một khách hàng, tôi cho rằng đó sẽ là một câu chuyện khác .. ồ chờ đã, không sẽ không.
cần thiết

@nothingis Cần thiết - HAR Viewer chỉ chạy trong trình duyệt, không có thành phần phía máy chủ nào 'nhìn thấy' tệp HAR.
Paul Grime

56

Công cụ "Mạng" của Chrome Dev Tool hiện cho phép bạn nhập tệp HAR bằng cách kéo và thả vào cửa sổ.


Để kéo các tập tin HAR vào tab mạng mà bạn hầu hết có các công cụ dev mở trên cùng một tên miền
ScottyG

Ý tưởng tuyệt vời, nhưng với một chrome báo trước dường như không giống như ngày định dạng đầu ra từ các công cụ khác (1 từ tôi dù sao đi nữa)
Alex KeySmith

@ScottyG Tôi vừa thử nhập tệp .har từ một miền khác và nó đã hoạt động. Sử dụng phiên bản 73.0.3683.103
Raul Pinto

@RaulPinto Cảm ơn! Có, tôi nghĩ đây là một tính năng mới trong v73
ScottyG

2
Điều tương tự cũng hoạt động trên Firefox, bất kể bạn đang sử dụng miền nào.
Brady Dowling

23

Có một số công cụ trực tuyến, ngoại tuyến để thực hiện việc này:

Nhưng cái mà tôi thích nhất, là một tiện ích mở rộng trình duyệt (đã thử nó trong chrome, hy vọng nó hoạt động trên các trình duyệt khác). Sau khi cài đặt, nó xuất hiện trong ứng dụng của bạn dưới dạng trình xem HAR . Sau đó, bạn có thể tải lên tệp HAR của mình và thấy một cái gì đó như sau:

nhập mô tả hình ảnh ở đây


2
Trình phân tích HAR có thể phân tích một cách trơn tru tệp HAR lớn hơn nhiều so với trình xem HAR.
Stephan

16

Cách đáng tin cậy nhất để phát lại tệp har là sử dụng một công cụ miễn phí như Fiddler , công cụ này luôn miễn phí và có thể tải xuống nhanh chóng. Các trang web mở tệp har đều bị lỗi và không thể mở tệp lớn. Fiddler có sẵn cho tất cả các nền tảng.

https://www.telerik.com/download/fiddler

Chuyển đến Trình đơn Tệp -> Nhập Phiên ...

Mở Fiddler

Chọn tùy chọn "HTTPArchive"

Chọn tùy chọn Http Archieve

Duyệt đến tệp HAR của bạn

nhập mô tả hình ảnh ở đây

Tệp HAR sẽ mở và phát lại trên cửa sổ fiddler.


1
Tôi thấy rằng xuất nó dưới dạng tệp thô và sau đó tải tệp html cho phép tôi phát lại nhật ký bảng điều khiển trong bất kỳ trình duyệt nào.
mikeytown2

Tôi thích sử dụng fiddler vì tôi có thể phát lại một yêu cầu cụ thể từ tệp har (thay đổi mã thông báo ofc) để xem tác dụng của nó. Cá nhân tôi đã sử dụng Fiddler trong một thời gian dài và vì chủ đề này đã trích dẫn rất nhiều công cụ mà tất cả đều hoạt động trong các trường hợp khác nhau, nó cuối cùng rơi vào sự thoải mái cá nhân.
Chibi Chakaravarthi vào

Tôi cũng thích câu trả lời này nhất; Đối với một file HAR rất lớn, Fiddler cho phép tôi để lọc cũng như tin nhắn vượt quá delete (Tôi cũng đã được sử dụng Fiddler cho một số thời gian khá nên nó cảm thấy thoải mái nhất về khả năng của nó bao gồm replay)
HidekiAI

8

Chỉnh sửa: Harhar hiện là mã nguồn mở. Tôi đã cập nhật URL bên dưới.

Nếu bạn sử dụng bộ tạo tải Avalanche, bạn có thể sử dụng Harhar để phát lại tệp HAR ở mức tải rất cao: https://acastaner.github.io/harhar/

Công cụ này xử lý "nội dung" bạn sử dụng khi bạn "Lưu dưới dạng HAR với nội dung."


2
Tôi biết một số tháng đã trôi qua kể từ khi OP hỏi, nhưng điều này nên được coi là câu trả lời đúng, vì công cụ được đề cập thực sự có thể "chơi" tệp HAR. Đề xuất rất hay, @Astaar.
Charles Roberto Canato,

Nó được viết hoàn toàn bằng C #. "Hoạt động trên Windows và Linux (Mono)"
Trindaz 11/02/17

Ngoài việc hoàn toàn đồng ý với Astaar và Charles, tôi vừa tìm thấy một địa chỉ khác: github.com/Stuk/server-replay
quetzalcoatl

6

Chrome hiện hỗ trợ tải tệp HAR. Mở Chrome, nhấn F12, nhấp vào tab mạng. Kéo và thả tệp .har XONG!


4

Hardiff.com là một công cụ khá hữu ích. Nó cho phép bạn so sánh một hoặc nhiều .hartệp.


2
  1. Mở Chrome và nhấp vào F12
  2. Nhấp vào Mạng
  3. Kéo và thả tệp har trong tab mạng chrome.

nhập mô tả hình ảnh ở đây


2

Nếu tôi không muộn ...

Đối với Firefox, người ta có thể nhập cùng một tệp har từ tab Mạng.Tab Mạng của Firefox với tệp HAR nhập


1

Nhập HAR hoạt động liền mạch trong Firefox: Mở Web Developer -> Tab Network -> HAR -> Import ... (Góc trên bên phải của công cụ dành cho nhà phát triển web)

Tùy chọn nhập HAR


0

Mở trình duyệt chrome. nhấp chuột phải vào bất kỳ đâu trên trang> kiểm tra các phần tử> chuyển đến tab mạng> kéo và thả tệp .har Bạn sẽ thấy nhật ký.


0

Kéo và thả là giải pháp tốt nhất. Tôi chỉ hiển thị một cách khác để nhập bằng cách nhấp vào biểu tượng nhập HAR: nhập mô tả hình ảnh ở đây

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.