ฉันจะดู / เล่นซ้ำไฟล์ดีบักเกอร์เครือข่าย Chrome ที่บันทึกพร้อมเนื้อหาได้อย่างไร

117

ฉันชอบดีบั๊กเครือข่ายที่ถูกกล่าวว่ามีโปรแกรมอะไรบ้างที่ให้ฉันก้าวไปข้างหน้าและข้างหลังผ่าน 'สายรัด' หลายตัวเพื่อให้ฉันสามารถเล่นซ้ำได้ หาก 'hars' ถูกบันทึกด้วยเนื้อหารีเพลย์สามารถจัดการได้ด้วยหรือไม่?

ตอนนี้ฉันเพิ่งอ่านใน textpad แต่ถ้าฉันต้องนำเสนอสิ่งที่ค้นพบของฉัน 'har player' ที่ดีสามารถช่วยชาวบ้านที่ไม่ใช้เทคนิคได้อย่างมาก

debugging google-chrome har

— DefyGravity
แหล่งที่มา

จนถึงตอนนี้ฉันมีผู้ชม'ทีละครั้ง'

— DefyGravity

9

คำถามเกี่ยวกับ superuser นี้เหมือนกันเป็นหลักและมีคำตอบที่ดี: superuser.com/questions/360992/…

— David Fraser

87

มี HAR Viewer ที่พัฒนาโดย Jan Odvarko ที่คุณสามารถใช้ได้ คุณใช้เวอร์ชันออนไลน์ที่

http://www.softwareishard.com/har/viewer/ (เวอร์ชันเก่ากว่า)
http://gitgrimbo.github.io/harviewer/master/ (สาขาหลักที่ทันสมัย)

หรือดาวน์โหลดซอร์สโค้ดที่https://github.com/janodvarko/harviewer

แก้ไข: Chrome 62 DevTools มีฟังก์ชันการนำเข้า HAR https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— Nizar
แหล่งที่มา

1

FWIW ดูเหมือนจะไม่จัดการกับ "เนื้อหา" เมื่อคุณใช้ "บันทึกเป็น HAR พร้อมเนื้อหา" นอกจากนั้นยังเป็นโปรแกรมดู HAR ที่ดี

— Doktor J

ยังไม่ได้ใช้งานในตัวเลือก 'บันทึกทั้งหมดเป็น har' จากตัวแก้ไขข้อบกพร่องของ Chrome อย่างไรก็ตามฉันจะกลับมาตรวจสอบอีกครั้ง

— DefyGravity

วันนี้เพิ่งใช้งานได้จากเว็บไซต์ที่ค่อนข้างหนัก โปรแกรมที่ดี

— DefyGravity

7

คำเตือน: เช่นเดียวกับเสียงของโปรแกรมดู HAR "ออนไลน์" ฉันจะกังวลเล็กน้อยเกี่ยวกับสิ่งที่เซิร์ฟเวอร์กำลังทำกับ HAR - มันช่วยประหยัดได้หรือไม่ วิเคราะห์มัน? HAR อาจรวมถึงข้อมูลส่วนบุคคลที่ละเอียดอ่อน .. โดยส่วนตัวแล้วฉันจะไม่อัปโหลด HAR ไปยังเซิร์ฟเวอร์ของคนอื่น .. ตอนนี้ถ้าลูกค้าส่งมาให้ฉันฉันคิดว่ามันคงเป็นคนละเรื่อง .. โอ้เดี๋ยวก่อนจะไม่ทำ

— nothingisnecessary

@nothingisn needed - HAR Viewer ทำงานในเบราว์เซอร์เท่านั้นไม่มีคอมโพเนนต์ฝั่งเซิร์ฟเวอร์ที่ 'เห็น' ไฟล์ HAR

— Paul Grime

56

เครื่องมือ "เครือข่าย" ของ Chrome Dev Tool ช่วยให้คุณสามารถนำเข้าไฟล์ HAR ได้โดยการลากแล้ววางลงในหน้าต่าง

— Xchai
แหล่งที่มา

ในการลากไฟล์ HAR ลงในแท็บเครือข่ายคุณส่วนใหญ่มีเครื่องมือ dev ที่เปิดอยู่ในโดเมนเดียวกัน

— ScottyG

ความคิดที่ดี แต่ด้วยโครเมี่ยมข้อแม้ดูเหมือนจะไม่ชอบรูปแบบวันที่จากเครื่องมืออื่น ๆ (+1 จากฉัน แต่อย่างใด)

— Alex KeySmith

@ScottyG ฉันเพิ่งลองนำเข้าไฟล์. ha จากโดเมนอื่นและใช้งานได้ ใช้เวอร์ชัน 73.0.3683.103

— Raul Pinto

@RaulPinto ขอบคุณ! ใช่ฉันคิดว่านี่เป็นฟีเจอร์ใหม่ใน v73

— ScottyG

2

สิ่งเดียวกันนี้ใช้ได้ใน Firefox ไม่ว่าคุณจะอยู่ในโดเมนใด

— Brady Dowling

23

มีเครื่องมือออนไลน์และออฟไลน์สองสามอย่างในการทำสิ่งนี้:

แต่สิ่งที่ฉันชอบมากที่สุดคือส่วนขยายของเบราว์เซอร์ (ลองใช้ใน Chrome หวังว่าจะใช้งานได้กับเบราว์เซอร์อื่น) หลังจากการติดตั้งจะปรากฏในแอปของคุณเป็นHAR ผู้ชม จากนั้นคุณสามารถอัปโหลดไฟล์ HAR และดูสิ่งนี้:

— ซัลวาดอร์ดาลี
แหล่งที่มา

2

ตัววิเคราะห์ HAR สามารถวิเคราะห์ไฟล์ HAR ที่ใหญ่กว่าโปรแกรมดู HAR ได้อย่างราบรื่น

— Stephan

16

วิธีที่น่าเชื่อถือที่สุดในการเล่นไฟล์ har ซ้ำคือการใช้เครื่องมือฟรีเช่นFiddlerเครื่องมือนี้ฟรีและสามารถดาวน์โหลดได้อย่างรวดเร็ว ไซต์สำหรับไฟล์เปิด har นั้นมีปัญหาทั้งหมดและไม่สามารถเปิดไฟล์ขนาดใหญ่ได้ Fiddler พร้อมใช้งานสำหรับทุกแพลตฟอร์ม

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

ไปที่เมนูไฟล์ -> นำเข้าเซสชัน ...

เลือกตัวเลือก "HTTPArchive"

เรียกดูไฟล์ HAR ของคุณ

ไฟล์ HAR จะเปิดขึ้นและเล่นซ้ำบนหน้าต่าง fiddler

— จิบิจักรระวาธิ
แหล่งที่มา

1

ฉันพบว่าการส่งออกเป็นไฟล์ดิบแล้วโหลดไฟล์ html ทำให้ฉันสามารถเล่นบันทึกคอนโซลซ้ำในเบราว์เซอร์ใดก็ได้

— mikeytown2

ฉันชอบใช้ fiddler เพราะฉันสามารถเล่นซ้ำคำขอเฉพาะจากไฟล์ har (เปลี่ยนโทเค็น ofc) เพื่อดูเอฟเฟกต์ของมัน โดยส่วนตัวแล้วฉันใช้ Fiddler มาเป็นเวลานานและเนื่องจากหัวข้อนี้ได้อ้างถึงเครื่องมือมากมายที่ทำงานในกรณีต่างๆกันในที่สุดมันก็ตกอยู่ในความสะดวกสบายส่วนตัว

— Chibi Chakaravarthi

ฉันชอบคำตอบนี้มากที่สุด สำหรับไฟล์ HAR ที่มีขนาดใหญ่มาก Fiddler อนุญาตให้ฉันกรองและลบข้อความส่วนเกิน (ฉันยังใช้ Fiddler มานานพอสมควรดังนั้นจึงรู้สึกสบายใจที่สุดกับความสามารถของมันรวมถึงการเล่นซ้ำ)

— HidekiAI

8

แก้ไข: Harhar เป็นโอเพ่นซอร์สแล้ว ฉันได้อัปเดต URL ด้านล่างแล้ว

หากคุณใช้ตัวสร้างการโหลด Avalanche คุณสามารถใช้ Harhar เพื่อเล่นไฟล์ HAR ซ้ำที่โหลดสูงมาก: https://acastaner.github.io/harhar/

เครื่องมือนี้จัดการกับ "เนื้อหา" ที่คุณใช้เมื่อคุณ "บันทึกเป็น HAR พร้อมเนื้อหา"

— Astaar
แหล่งที่มา

2

ฉันรู้ว่าเวลาผ่านไปหลายเดือนนับตั้งแต่ OP ถาม แต่อันนี้ควรถือเป็นคำตอบที่ถูกต้องเนื่องจากเครื่องมือดังกล่าวสามารถ "เล่น" ไฟล์ HAR ได้จริงๆ ข้อเสนอแนะที่ดีมาก @Astaar

— Charles Roberto Canato

มันเขียนด้วยภาษา C # ทั้งหมด "ใช้งานได้บน Windows และ Linux (Mono)"

— Trindaz

นอกเหนือจากที่เห็นด้วยกับ Astaar และ Charles แล้วฉันเพิ่งพบอีกอันหนึ่ง: github.com/Stuk/server-replay

— quetzalcoatl

6

ตอนนี้ Chrome รองรับการโหลดไฟล์ HAR เปิด Chrome กด F12 คลิกที่แท็บเครือข่าย ลากและวางไฟล์. har เสร็จสิ้น!

— จิบิจักรระวาธิ
แหล่งที่มา

4

Hardiff.comเป็นเครื่องมือที่มีประโยชน์มาก ช่วยให้คุณสามารถเปรียบเทียบ.harไฟล์อย่างน้อยหนึ่งไฟล์

— แซนเดอ
แหล่งที่มา

2

เปิด Chrome แล้วคลิก F12
คลิกเครือข่าย
ลากและวางไฟล์harในแท็บ chrome network

— กฤษณะ
แหล่งที่มา

2

ถ้าฉันไม่สาย ....

สำหรับ Firefox สามารถนำเข้าไฟล์ har เดียวกันได้จากแท็บ Network

— Sanjay Maurya
แหล่งที่มา

1

การนำเข้า HAR ทำงานได้อย่างราบรื่นใน Firefox: เปิดนักพัฒนาเว็บ -> แท็บเครือข่าย -> HAR -> นำเข้า ... (มุมขวาบนของเครื่องมือสำหรับนักพัฒนาเว็บ)

ตัวเลือกการนำเข้า HAR

— Lalitanand Dandge
แหล่งที่มา

0

เปิดเบราว์เซอร์ Chrome คลิกขวาที่ใดก็ได้บนหน้า> ตรวจสอบองค์ประกอบ> ไปที่แท็บเครือข่าย> ลากและวางไฟล์. har คุณจะเห็นบันทึก

— อรชุนฐากูร
แหล่งที่มา

0

การลากและวางเป็นทางออกที่ดีที่สุด ฉันกำลังแสดงวิธีอื่นในการนำเข้าโดยคลิกที่ไอคอนการนำเข้า HAR:

— บารานี r
แหล่งที่มา