วิธีบันทึกไฟล์ HAR: คำแนะนำละเอียดสำหรับทุกเบราว์เซอร์

ไฟล์ HAR (HTTP Archive) เป็นเอกสารข้อความที่ประกอบด้วยข้อมูลเต็มรูปแบบเกี่ยวกับคำขอและการตอบสนองทางเครือข่ายทั้งหมดในระหว่างการโหลดหน้าเว็บ รูปแบบไฟล์นี้เป็นสิ่งที่ขาดไม่ได้ในการวิเคราะห์ปัญหาการเชื่อมต่อ การวิเคราะห์ประสิทธิภาพของเว็บไซต์ และการแก้ไขปัญหาทางเทคนิค ต่อไปนี้เป็นวิธีการสร้างไฟล์ HAR ในเบราว์เซอร์ยอดนิยมแต่ละตัว

ไฟล์ HAR คืออะไรและใช้งานเพื่ออะไร

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

การบันทึกไฟล์ HAR ใน Google Chrome

ตรวจสอบให้แน่ใจว่าใช้เวอร์ชันล่าสุดของเบราว์เซอร์ Chrome

1. เปิดหน้าเว็บที่ต้องการบันทึกกิจกรรมเครือข่าย
2. ที่มุมบนขวา คลิกเมนูเบราว์เซอร์ (จุดสามจุด) แล้วเลือก เครื่องมือเพิ่มเติม → เครื่องมือสำหรับนักพัฒนา หรือกดปุ่ม F12 โดยตรง
3. เปลี่ยนไปที่แท็บ Network (เครือข่าย)
4. เปิดใช้งานตัวเลือก Preserve log (บันทึกบันทึก)
5. คุณจะเห็นสัญลักษณ์สีแดงทางซ้ายของแท็บ Network ซึ่งหมายถึงการเริ่มบันทึกล็อก หากสัญลักษณ์เป็นสีดำ ให้คลิกเพื่อเปิดใช้งาน
6. รีเฟรชหน้าเว็บเพื่อบันทึกทราฟฟิกทั้งหมด
7. เมื่อบันทึกเสร็จสิ้น ให้คลิกขวาที่รายการใดก็ได้ในล็อก แล้วเลือก Save as HAR with content หรือคลิกไอคอน Export HAR เพื่อดาวน์โหลดไฟล์ HAR

การสร้างไฟล์ HAR ใน Firefox

ตรวจสอบให้แน่ใจว่าใช้เวอร์ชันล่าสุดของ Firefox

1. ไปยังหน้าเว็บที่ต้องการ
2. ที่มุมบนขวา คลิกเมนู แล้วเลือก การพัฒนา → เครือข่าย หรือกด F12
3. เปลี่ยนไปที่แท็บ Network (เครือข่าย)
4. เปิดการตั้งค่าของเครื่องมือเครือข่าย (ไอคอนรูปเฟือง) แล้วติ๊กเลือก Preserve log (บันทึกบันทึก)
5. รีเฟรชหน้าเว็บเพื่อเริ่มบันทึกคำขอเครือข่าย
6. เมื่อบันทึกเสร็จสิ้น ให้คลิกขวาที่รายการใดก็ได้ในล็อก แล้วเลือก Save as HAR with content หรือคลิก Export HAR เพื่อบันทึกไฟล์ HAR

การส่งออกไฟล์ HAR ใน Safari

ตรวจสอบให้แน่ใจว่าใช้เวอร์ชันล่าสุดของ Safari

1. เปิดหน้าเว็บที่ต้องการใน Safari
2. ไปที่เมนู Safari → การตั้งค่า แล้วเลือกแท็บ คำสั่งเสริม แล้วเปิดใช้งาน ตัวเลือก Show Develop menu in menu bar (แสดงเมนูนักพัฒนาในแถบเมนู)
3. ที่เมนูด้านบน คลิก Develop แล้วเลือก Web Inspector
4. ในแท็บ Resources ให้ติ๊กเลือก Preserve log (บันทึกบันทึก)
5. เปลี่ยนไปที่แท็บ Network
6. รีเฟรชหน้าเว็บเพื่อบันทึกข้อมูลเครือข่าย
7. เมื่อเสร็จสิ้น เลือกบันทึกข้อมูลใดก็ได้ คลิกขวา แล้วเลือก Copy All as HAR — ข้อมูลจะถูกคัดลอกไปยังคลิปบอร์ด
8. สร้างไฟล์ข้อความใหม่ที่มีนามสกุล “.har” ในโปรแกรมแก้ไขข้อความ ใส่ข้อมูลที่คัดลอกไว้ แล้วบันทึกไฟล์

การสร้างไฟล์ HAR ใน Microsoft Edge

ตรวจสอบให้แน่ใจว่าใช้เวอร์ชันล่าสุดของ Edge

1. ไปยังหน้าเว็บที่ต้องการบันทึกล็อกกิจกรรมเครือข่าย
2. ที่มุมบนขวา คลิกเมนู แล้วเลือก เครื่องมือเพิ่มเติม → เครื่องมือสำหรับนักพัฒนา
3. เปลี่ยนไปที่แท็บ Network (เครือข่าย)
4. ยกเลิกการเลือกตัวเลือก Clear entries on navigate (ล้างรายการเมื่อเปลี่ยนหน้า) ซึ่งเป็นค่าเริ่มต้น
5. ตรวจสอบให้แน่ใจว่าปุ่ม Start Profiling Session (เริ่มต้นเซสชันโปรไฟล์) เปิดอยู่ ซึ่งแสดงว่าการจับทราฟฟิกเริ่มต้นแล้ว
6. รีเฟรชหน้าเว็บเพื่อบันทึกคำขอ
7. เมื่อเสร็จสิ้น ให้คลิกปุ่ม Export HAR เพื่อดาวน์โหลดไฟล์ HAR

การบันทึกไฟล์ HAR ในเบราว์เซอร์ Brave

ตรวจสอบให้แน่ใจว่าใช้เวอร์ชันล่าสุดของ Brave

1. เปิดหน้าเว็บที่ต้องการใน Brave
2. ที่มุมบนขวา คลิกเมนู แล้วไปที่ เครื่องมือเพิ่มเติม → เครื่องมือสำหรับนักพัฒนา หรือกด F12
3. เปิดแท็บ Network
4. เปิดใช้งานตัวเลือก Preserve log (บันทึกบันทึก)
5. ทางซ้ายของแท็บ Network จะเห็นวงกลมสีแดง ซึ่งแสดงว่าการบันทึกล็อกเริ่มต้นแล้ว หากวงกลมเป็นสีดำ ให้คลิกเพื่อเปิดใช้งาน
6. รีเฟรชหน้าเว็บเพื่อบันทึกคำขอทั้งหมด
7. เมื่อบันทึกเสร็จ ให้คลิกขวาที่รายการในล็อก แล้วเลือก Save as HAR with content หรือคลิก Export HAR เพื่อส่งออกไฟล์ HAR

ความแตกต่างหลักในการสร้างไฟล์ HAR ระหว่างเบราว์เซอร์

กระบวนการบันทึกไฟล์ HAR ในแต่ละเบราว์เซอร์มีความแตกต่างกันเล็กน้อย เบราว์เซอร์ Chrome และ Brave ซึ่งใช้เอนจิน Chromium มีอินเทอร์เฟซคล้ายกัน Firefox ให้การตั้งค่าที่ยืดหยุ่นมากขึ้น Safari ต้องคัดลอกข้อมูลด้วยตนเองแล้วบันทึกเป็นไฟล์ข้อความ Microsoft Edge ซึ่งก็อิงกับ Chromium ก็มีปุ่มส่งออกไฟล์ HAR ได้ง่ายที่สุด

ไม่ว่าจะเลือกใช้เบราว์เซอร์ใด จุดประสงค์หลักคือการจับไฟล์ HAR ที่สมบูรณ์ ซึ่งประกอบด้วยข้อมูลคำขอ HTTP ทั้งหมด เพื่อการวิเคราะห์และวินิจฉัยในภายหลัง