ตัวดู HAR
เปิดไฟล์ HAR ออนไลน์ ตารางคำขอพร้อมสีสถานะ เรียงลำดับ และตัวกรอง ส่วนหัว พรีวิวเนื้อหาตอบกลับ และน้ำตกเวลา ประมวลผลในเครื่อง ไม่อัปโหลด
ไฟล์ HAR คืออะไร?
HAR (HTTP Archive) คือฟอร์แมต JSON ที่บันทึกกิจกรรมเครือข่ายของเบราว์เซอร์หรือแอป: คำขอแต่ละรายการพร้อม URL ส่วนหัว พารามิเตอร์ของ URL สถานะ ขนาด เวลา และเนื้อหาตอบกลับ โดย Chrome DevTools Firefox และเครื่องมือพร็อกซีส่วนใหญ่ส่งออกได้
เปิดไฟล์ .har ออนไลน์อย่างไร?
ลากไฟล์มาวางในบริเวณอัปโหลด หรือคลิกเลือกจากเครื่อง ไฟล์จะถูกอ่านทันทีและแสดงเป็นภาพรวมพร้อมตารางคำขอ — ไม่ต้องสมัคร ไม่ต้องติดตั้ง ไม่มีการอัปโหลด
ทราฟฟิกที่จับได้ถูกอัปโหลดไหม?
ไม่ ไฟล์ HAR ถูกประมวลผลทั้งหมดในเบราว์เซอร์ด้วย JavaScript URL ส่วนหัว คุกกี้ และเนื้อหาตอบกลับไม่เคยออกจากเครื่อง และหลังโหลดหน้าเสร็จก็ใช้งานออฟไลน์ต่อได้
สีสถานะหมายความว่าอะไร?
เขียวคือ 2xx สำเร็จ น้ำเงินคือการเปลี่ยนเส้นทาง (3xx) ส้มคือข้อผิดพลาดฝั่งไคลเอนต์ (4xx) และแดงคือข้อผิดพลาดฝั่งเซิร์ฟเวอร์ (5xx) ใช้สีเดียวกันทั้งตาราง น้ำตกเวลา และแถบเวลา ให้เห็นปัญหาได้ทันที
ค้นหาหรือเรียงคำขอได้หรือไม่?
ได้ ช่องค้นหากรองแบบทันทีตาม URL หรือโดเมน และการคลิกหัวคอลัมน์ สถานะ ขนาด หรือ เวลา จะเรียงตารางจากน้อยไปมากหรือมากไปน้อย
พรีวิวเนื้อหาตอบกลับแสดงอะไร?
เนื้อหา JSON จัดรูปแบบพร้อมระบายสีไวยากรณ์แบบเบา เนื้อหา text/HTML แสดงตามจริง รูปภาพเรนเดอร์ในหน้าจาก base64 ส่วนเนื้อหาไบนารีหรือไม่มีจะแสดงคำใบ้ขนาด เนื้อหาเกิน 1 MB จะถูกตัดให้สั้นลงเพื่อความลื่นไหลของหน้า
อ่านน้ำตกเวลาอย่างไร?
แต่ละแถวคือคำขอหนึ่งรายการ วาดเป็นแถบตามตำแหน่งเวลาเริ่มต้นเทียบกับระยะเวลารวมของการจับ จะเห็นทั้งคำขอที่ทำงานขนานกัน ตัวที่ขวางคำขออื่น และเวลาไปจมอยู่ตรงไหน
ไฟล์ HAR ที่ใหญ่มากทำอย่างไร?
ไฟล์เกิน 50 MB หรือเกิน 5000 รายการจะถูกจำกัดเฉพาะคำขอชุดแรกพร้อมแจ้งเตือนชัดเจน ทำให้การอ่านยังรวดเร็วและยังเห็นช่วงต้นที่สำคัญที่สุดของการจับ
เครื่องมือใดสร้างไฟล์ HAR ที่รองรับ?
การส่งออกใดๆ ที่เป็นไปตามสเปก HAR 1.2 เช่น Chrome และ Edge DevTools, ตัวเฝ้าดูเครือข่ายของ Firefox, Safari Web Inspector, Fiddler, Charles, mitmproxy และเครื่องมือทดสอบโหลดส่วนใหญ่
วิธีใช้ ตัวดู HAR
ตัวดู HAR นี้เปิดไฟล์ HTTP Archive (.har) ที่ส่งออกจาก Chrome DevTools, Firefox หรือเครื่องมือพร็อกซีใดก็ได้ แล้วจัดวางการจับทั้งหมดเป็นภาพรวม ตารางคำขอที่เรียงลำดับได้ รายละเอียดแถวแบบขยายได้ และน้ำตกเวลา การแยกวิเคราะห์เกิดขึ้นในเบราว์เซอร์ของคุณทั้งหมด URL ส่วนหัว และเนื้อหาตอบกลับที่จับได้ไม่เคยออกจากอุปกรณ์
- ลากไฟล์ .har มาวางในพื้นที่อัปโหลดหรือกด "เลือกไฟล์" ไม่มีไฟล์จับติดมือ? กด "โหลด HAR ตัวอย่าง" เพื่อลองกับทราฟฟิกตัวอย่าง
- อ่านการ์ดภาพรวมก่อน: คำขอทั้งหมด ขนาดที่ส่ง เวลารวม และ 5 โดเมนแรกตามจำนวนคำขอ โดยความยาวแท่งสัดส่วนกับปริมาณ
- ใช้ตารางคำขอ: สถานะแยกสีตามความหมาย (เขียว 2xx น้ำเงิน 3xx ส้ม 4xx แดง 5xx) แต่ละแถวแสดงเมธอด ประเภท ขนาด และเวลาที่ใช้
- คลิกหัวคอลัมน์สถานะ ขนาด หรือเวลา เพื่อเรียงจากน้อยไปมากหรือมากไปน้อย พิมพ์ในช่องค้นหาเพื่อกรองตาม URL หรือโดเมน
- คลิกแถวใดก็ได้เพื่อขยาย: พารามิเตอร์คิวรี ส่วนหัวคำขอ ส่วนหัวตอบกลับ และพรีวิวเนื้อหาตอบกลับ — JSON จัดรูปสวยงามพร้อมสี รูปภาพแสดงในบรรทัด ส่วนเนื้อหาใหญ่เกินจะถูกตัดพร้อมแจ้งเตือน
- ดูน้ำตกใต้ตาราง: แท่งแต่ละอันอยู่ตามเวลาเริ่มเทียบกับการจับทั้งหมด ทำให้เห็นคำขอขนานและคำขอที่ชิ้วได้ง่าย
วิธีจับ HAR ใน Chrome: เปิด DevTools ไปที่แท็บ Network รีเฟรชหน้า แล้วคลิกขวาที่รายการคำขอเลือก "Save all as HAR" — ไฟล์จะอยู่บนเครื่องคุณตลอด
เครื่องมือที่เกี่ยวข้อง
- ตัวดูต้นไม้ JSON แสดงข้อมูล JSON เป็นต้นไม้แบบโต้ตอบที่ยุบได้ ค้นหาคีย์และค่า ติดตาม JSONPath เมื่อวางเมาส์ และจัดการไฟล์ขนาดใหญ่ด้วยการโหลดแบบขี้เกียจ รองรับการลากและวางไฟล์ .json
- รหัสสถานะ HTTP ข้อมูลอ้างอิงรหัสสถานะ HTTP อย่างสมบูรณ์พร้อมคำอธิบาย ค้นหาและกรองตามรหัส หมวดหมู่ หรือคำค้นหา
- ตัววิเคราะห์และสร้าง URL วิเคราะห์ ถอดรหัส และสร้าง URL ทันที แยกโครงสร้าง URL แบบเห็นภาพ จัดการพารามิเตอร์คิวรี วิเคราะห์ส่วนของพาธ และประกอบ URL ใหม่แบบสองทิศทางพร้อมตัวอย่างสด
- เครื่องมือทดสอบคำขอ HTTP ทดสอบ REST API โดยตรงในเบราว์เซอร์ของคุณ ส่งคำขอ GET, POST, PUT, DELETE ด้วย header, body และพารามิเตอร์ที่กำหนดเอง ดูสถานะ header และ body JSON ของการตอบกลับทันที
- ตัวตรวจสอบ IBAN ตรวจสอบหมายเลขบัญชีธนาคารระหว่างประเทศ (IBAN) ทันที ตรวจสอบรูปแบบ ความยาว และ checksum สำหรับ 80+ ประเทศพร้อมผลลัพธ์แบบเรียลไทม์
- ตัวสร้างพอร์ตสุ่ม สร้างหมายเลขพอร์ตเครือข่ายสุ่มจากช่วงมาตรฐาน IANA — ที่รู้จัก (1-1023) ที่ลงทะเบียน (1024-49151) และไดนามิก (49152-65535) รองรับค่าที่ไม่ซ้ำกัน การจัดเรียง และการสร้างจำนวนมาก ทำงานบนเบราว์เซอร์ 100%
- ตัวสร้าง .htaccess สร้างกฎ Apache .htaccess สำหรับการเปลี่ยนเส้นทาง เขียนใหม่ ส่วนหัวความปลอดภัย แคช และอื่นๆ
- ตัวสร้าง Robots.txt ตัวสร้าง robots.txt ออนไลน์ฟรี สร้างและปรับแต่งไฟล์ robots.txt เพื่อควบคุมการรวบรวมข้อมูลของเครื่องมือค้นหา จัดการการเข้าถึงของระบบรวบรวมข้อมูล และปรับปรุง SEO ของเว็บไซต์ของคุณ