ฉันจะตรวจสอบรายงานประสิทธิภาพจากไฟล์ HAR ได้อย่างไร


0

ฉันประสบปัญหาเกี่ยวกับเว็บไซต์เฉพาะที่ฉันติดต่อกับทีม พวกเขาบอกให้ฉันสร้างสถานการณ์ขึ้นใหม่ใน Google Chrome และเมื่อปัญหาเริ่มไปที่เครื่องมือสำหรับนักพัฒนาเลือกเครือข่ายคลิกขวาที่ใดก็ได้แล้วบันทึกไฟล์ HAR ที่สร้างขึ้นเป็น อธิบายที่นี่ .

ตอนนี้ฉันต้องการระบุข้อผิดพลาด / เหตุผลที่อยู่เบื้องหลัง ฉันจะวิเคราะห์รายงานได้อย่างไรเมื่อฉันไม่สามารถเปิดได้

ฉันพยายามเปิดไฟล์โดยใช้ระบบเชื่อมโยงไฟล์ของ Windows แต่ไม่รู้จักประเภทไฟล์ ต้องใช้ซอฟต์แวร์พิเศษเพื่อวิเคราะห์รายงานหรือไม่


นี่กว้างเกินกว่าจะตอบได้ ไฟล์ HAR มีข้อมูลค่อนข้างน้อยเกี่ยวกับวิธีโหลดหน้าเว็บ อ่านข้อมูลจำเพาะได้ที่นี่: dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html - และฉันไม่เข้าใจคำถามของคุณเกี่ยวกับ "ทำไมจึงมีเฉพาะเบราว์เซอร์บางตัว" คุณกำลังถามว่าทำไมคนถึงเลือกเบราว์เซอร์หนึ่งจากอีกอันหนึ่ง?
slhck

ตกลงแล้วฉันจะถามอีกสองแยกตอนนี้ในสิ่งที่วิธี. ไฟล์ใช้ในการวิเคราะห์ปัญหาที่ฉันกำลังเผชิญกับออกจากระบบ
user285oo6

@slhck ya ยังเป็นจุดของฉันเมื่อเบราว์เซอร์ทั้งสองมีการทดสอบเดียวกันเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์และสิ่งที่พวกเขาแยกจากกัน
user285oo6

ฉันไม่แนะนำให้ถามคำถามแยกต่างหากหากยังไม่ชัดเจนว่าคุณต้องรู้อะไรแน่ คุณควรจะค่อนข้าง แก้ไข คำถามนี้และทำให้กระชับขึ้นเล็กน้อยเช่นอย่างน้อยก็ลบคำถามสองข้อออกไปและมุ่งเน้นไปที่สิ่งที่คุณต้องการรู้เกี่ยวกับ HAR โดยเฉพาะ มันคงจะดีถ้าคุณอ่านสเปคมาก่อนแน่นอน มันจะตอบคำถามของคุณมากมายเพราะทุกสิ่งที่บันทึกไว้จะปรากฏในสเปค
slhck

ขอบคุณสำหรับ specifcation แม้ว่าเทคนิคอย่างหมดจดสามารถเข้าใจบางมันตอนนี้ฉันได้แก้ไขโพสต์
user285oo6

คำตอบ:


0

คลัง HTTP (HAR) ไม่มีอะไรอื่นนอกจากไฟล์ข้อความธรรมดา ข้อมูลในนั้นจะถูกเก็บไว้เป็น JSON ดังนั้นคุณสามารถเปิดไฟล์ด้วยโปรแกรมแก้ไขข้อความใด ๆ หรือโปรแกรมแก้ไข JSON คุณสามารถลองเปลี่ยนชื่อ .har ขยายไปยัง .json.

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

"request": {
    "method": "GET",
    "url": "http://www.example.com/path/?param=value",
    "httpVersion": "HTTP/1.1",
    "cookies": [],
    "headers": [],
    "queryString" : [],
    "postData" : {},
    "headersSize" : 150,
    "bodySize" : 0,
    "comment" : ""
}

ที่นี่คุณจะเห็นว่า example.com/path ได้รับการร้องขอและ param ส่งพารามิเตอร์ GET พร้อมตั้งค่าเป็น value.

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

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

ดังนั้นอย่าลืมตรวจสอบเนื้อหาของไฟล์และอย่าส่งอะไรที่คุณไม่ต้องการให้นักพัฒนาดู


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.