การตรวจสอบเครือข่ายสำหรับนักพัฒนาเว็บ


9

เมื่อใช้ Google chrome จะมีเครื่องมือตรวจสอบเครือข่ายที่ใช้งานสะดวก อย่างไรก็ตามเครื่องมือเครือข่าย chrome ติดตามเว็บเพจที่เปิดอยู่ในปัจจุบันเท่านั้น

มีเครื่องมือตรวจสอบเครือข่ายที่ซับซ้อนมากมายและฉันต้องการเพียงคุณสมบัติของเครื่องมือตรวจสอบเครือข่ายโครเมียมเท่านั้น

เพื่อติดตามกิจกรรมทั้งหมดของเบราว์เซอร์ (Chrome, Firefox, IE และอื่น ๆ ) ฉันกำลังค้นหาเครื่องมือที่มีความคิดและอินเทอร์เฟซเหมือนกับเครื่องมือเครือข่ายโครเมียม

มีคนรู้จักเครื่องมือเช่นนั้นไหม

ภาพหน้าจอบางส่วนที่มีคุณสมบัติที่ต้องการ:

ภาพรวมของไฟล์ทั้งหมดที่ดาวน์โหลด ภาพรวมของกิจกรรมเครือข่ายทั้งหมด

เมื่อเลือกไฟล์คุณสามารถเห็นส่วนหัว หัวข้อ

และด้วยการตอบสนองของแท็บเนื้อหาของร่างกายจะมองเห็นได้ เนื้อหา


คุณช่วยกรุณาอัปโหลดภาพหน้าจอของการตรวจสอบเครือข่าย Chrome ได้หรือไม่ดังนั้นฉันจะรู้ได้อย่างไรว่าควรมองหาอะไร? และหากเป็นส่วนขยายโปรดระบุลิงก์ไปยังหน้าส่วนขยายที่ Chrome Web Store
matan129

เป็นมาตรฐานในเบราว์เซอร์ chrome ทั้งหมดที่คุณสามารถเห็นเมื่อคลิกขวา -> ตรวจสอบ -> เครือข่าย ฉันจะอัปโหลดภาพหน้าจอตามที่คุณถาม
botenvouwer

เยี่ยมมากฉันไม่ได้ติดตั้ง Chrome ดังนั้นฉันจะรอภาพหน้าจอ
matan129

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

However the chrome network tool only keeps track of the current open webpage- จริง ๆ แล้วบนแถบด้านล่างให้ดูวงกลมทึบนั่นไหม คลิกที่มันและกิจกรรมเครือข่ายจะถูกเก็บไว้ระหว่างหน้าเว็บ
Izkata

คำตอบ:


22

ลอง Fiddler จากhttp://fiddler2.com/

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


2

ดูเหมือนว่าคุณสนใจหัวข้อและเนื้อหา HTTP แต่สำหรับการรับส่งข้อมูลทั้งหมด แม้ว่ามันจะเป็นเครื่องมือที่ซับซ้อนกว่า แต่ Wireshark สามารถมอบสิ่งที่คุณกำลังมองหาได้อย่างง่ายดายแม้ว่าจะเป็นรูปแบบที่น่ากลัวและความสามารถมากมาย

  1. เรียกใช้ wireshark
  2. เลือกอะแดปเตอร์ที่จะสื่อสาร (เช่นอะแดปเตอร์อินเทอร์เน็ตของคุณ) และเริ่มการจับภาพ
  3. ในฟิลด์ "ตัวกรอง:" ให้พิมพ์ "http.request" (ราคาซอง) และกดใช้

ผลลัพธ์ที่ได้จะมีการร้องขอจากระบบของคุณแต่ละครั้ง (นี่อาจเป็นมากกว่าเซสชันเบราว์เซอร์ของคุณ: คุณอาจต้องการกรองปริมาณข้อมูลเพิ่มเติมโดยเพิ่ม "&& ip.addr ==" ไปยังตัวกรองหากคุณได้รับมากเกินไป ปริมาณการใช้ในผลลัพธ์ของคุณ) หากคุณรู้จักชื่อเซิร์ฟเวอร์คุณสามารถใช้ "nslookup .com" ในบรรทัดคำสั่งเพื่อแก้ไขที่อยู่ IP ของเซิร์ฟเวอร์

เมื่อคุณคลิกคำขอในกรอบด้านบนของ Wireshark เฟรมกลางจะแสดงเลเยอร์ภายใน ขยายเลเยอร์ "Hypertext Transfer Protocol" โดยกด + ถัดจากเพื่อแสดงส่วนหัวสำหรับคำขอ

สุดท้ายหากคุณสนใจที่จะดูหัวข้อหรือเนื้อหาของการตอบสนองให้คลิกขวาที่คำขอความสนใจในกรอบด้านบนแล้วคลิก "ติดตามสตรีม TCP"

หมายเหตุ: ทั้งหมดข้างต้นถือว่าคุณไม่ได้พยายามจับภาพปริมาณข้อมูลไปยังเว็บเซิร์ฟเวอร์ที่โฮสต์บน localhost, 127.0.0.1


0

ฉันได้พบชาร์ลส์ ฟรีและพร้อมใช้งานสำหรับ Windows, Linux และ Mac ดูคล้ายกับเครื่องมือ dev ของ Chromes ในความคิดของฉัน


เครื่องมือนี้เป็นปลั๊กอินของ Firefox และไม่ฟรี มันทดลองใช้ 30 วัน!
botenvouwer

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