วิธีรับมุมมองที่ละเอียดยิ่งขึ้นของกระบวนการ http เว็บเบราว์เซอร์ [ซ้ำ]

กระทู้นี้ ทำผลงานได้ยอดเยี่ยมโดยมีรายละเอียดกระบวนการเชื่อมต่อกับหน้าเว็บและแสดงผลในเบราว์เซอร์

แต่สิ่งที่ฉันอยากรู้คือฉันจะติดตามกระบวนการนั้นได้อย่างไร Firefox หรือเบราว์เซอร์อื่นมีตัวเลือกในการบันทึกกระบวนการหรือไม่

เมื่อต้องการวางคำถามในบริบทฉันกำลังแก้ไขปัญหาเว็บไซต์ช้าและเมื่อฉันคลิกลิงก์จะมีข้อความระบุว่า "กำลังรอ example.com ... " สิ่งนี้เกิดขึ้นเมื่อฉันทำอะไรบางอย่างในการติดตั้ง WordPress ของฉันเท่านั้น รูปภาพคงที่ดังนั้นจึงมีบางสิ่งในระบบนิเวศของ WordPress ที่ทำให้มันวางสาย แต่ "กำลังรอ example.com" เป็นข้อความที่คลุมเครือจริงๆดังนั้นจึงไม่ให้อะไรแก่ฉันในการแก้ไขปัญหา ฉันชอบที่จะบันทึกที่เบราว์เซอร์เป็นเหมือน "ทำการร้องขอไปที่ ... แล้วเสร็จใน 52ms. ได้ทำการร้องขอ, หมดเวลา (ยุค 20)"

มีบางอย่างที่มีอยู่จริงเหรอ? ฉันมักจะค้นหาสิ่งเหล่านี้ แต่ฉันไม่แน่ใจว่าจะใช้คำใด

Google Chrome มีอยู่แล้วภายใน เครื่องมือสำหรับนักพัฒนา ที่สามารถช่วยระบุปัญหา มีแท็บ "เครือข่าย" ที่สามารถช่วยระบุทรัพยากรที่มีการเข้าถึงและระยะเวลา

เช็คเอาท์ พู้ทำเล่น :

Fiddler เป็นพร็อกซีแก้จุดบกพร่องบนเว็บซึ่งบันทึกการรับส่งข้อมูล HTTP (S) ทั้งหมดระหว่างคอมพิวเตอร์ของคุณและอินเทอร์เน็ต พู้ทำเล่นช่วยให้คุณสามารถตรวจสอบปริมาณข้อมูลกำหนดเบรกพอยต์และ "ซอ" กับข้อมูลที่เข้าหรือส่งออก

และ Wireshark :

Wireshark®เป็นตัววิเคราะห์โปรโตคอลเครือข่าย มันช่วยให้คุณสามารถจับภาพและเรียกดูการจราจรบนเครือข่ายคอมพิวเตอร์

ที่เกี่ยวข้อง:

• ข้อผิดพลาด 404 - ค้นหาสิ่งที่ไม่พบใน wireshark
• ฉันจะติดตามแพ็กเก็ต HTTP ด้วย Wireshark ได้อย่างไร

หากคุณต้องการใช้ Chrome เครื่องมือนี้มีเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในตัวที่ทรงพลังและสามารถเข้าถึงได้ผ่านทางลัด Shift + Ctrl + I ไปที่แท็บเครือข่ายและคุณสามารถดูคำขอ HTTP และการตอบกลับทั้งหมดของหน้าเว็บในช่วงเวลารวมถึงคำขอ AJAX และรับข้อมูลโดยละเอียดเกี่ยวกับคำขอแต่ละรายการ การใช้ wireshark จะให้ผลลัพธ์ที่คล้ายกัน อย่างไรก็ตามเนื่องจากเครื่องมือ Chrome ถูกใช้เป็นพิเศษสำหรับการแก้ไขข้อบกพร่องของเว็บไซต์งานนำเสนอจึงทำได้ในรูปแบบที่อ่านได้ง่ายขึ้น

พวกเขายังเป็นผู้ตรวจสอบเครือข่ายของไมโครซอฟท์เพื่อเพิ่มในรายการของ techie007: http://www.microsoft.com/en-us/download/details.aspx?id=4865

มันทำงานคล้ายกับ wireshark และฉันใช้มันทั้งสองเมื่อฉันต้องการ ฉันเห็นด้วยกับการเลือกของ technie007 แต่ก็เสนอคำตอบเพิ่มเติม

คุณต้องตั้งค่าตัวกรองเป็นสิ่งที่คุณต้องการใน wireshark หรือตรวจสอบเครือข่ายเพื่อกรองเฉพาะปริมาณข้อมูลที่คุณต้องการไม่ใช่วิทยาศาสตร์จรวด

ตัวอย่างเช่นด้านล่างจะให้แพ็คเก็ตที่คุณได้รับมาจาก / ไปที่เซิร์ฟเวอร์ของคุณใน wireshark เพียงแค่ใส่ที่อยู่ ip ของเซิร์ฟเวอร์หลังจากส่วนเท่ากับ: ip.addr == ipaddressofserverhere

แก้ไข: หมายถึงการเพิ่มส่วนสำหรับการรับส่งคืนพอร์ต 80 สำหรับ HTTP เท่านั้น แต่สามารถจำได้ว่าหัวของฉันมีตัวกรองใดอยู่

เบราว์เซอร์ส่วนใหญ่ตอนนี้มี "เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์" ที่ยอดเยี่ยมซึ่งจะทำสิ่งนี้และอีกมากมาย

นอกจากนี้สำหรับ Firefox Firebug เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการวิเคราะห์ปัญหาการเชื่อมต่อเว็บและประสิทธิภาพการทำงาน นอกจากนี้ยังมีเวอร์ชั่น "lite" สำหรับเบราว์เซอร์อื่น