ใช้แผงเครือข่ายเพื่อวิเคราะห์การโหลดหน้าเว็บและตรวจสอบทรัพยากรเครือข่าย
ภาพรวม
แผงเครือข่ายช่วยให้คุณทำสิ่งต่อไปนี้ได้
- บันทึกกิจกรรมในเครือข่าย
- ตรวจสอบคำขอเครือข่าย
- กรองและจัดเรียงคำขอเครือข่าย
- ส่วนหัวและการตอบสนองของเครือข่าย Search
- เปลี่ยนรูปแบบการโหลด
- บล็อกคำขอของเครือข่าย
- เปลี่ยนเงื่อนไขของเครือข่าย
- แก้ไขข้อบกพร่องของกฎการคาดเดา
prefetch
- ลบล้างส่วนหัวการตอบกลับของ HTTP
- ลบล้างส่วนหัวของ URL หลายรายการโดยใช้อักขระไวลด์การ์ด
- บันทึกและส่งออกข้อมูลคำขอเครือข่าย
ไปที่ตรวจสอบกิจกรรมในเครือข่ายเพื่อดูบทแนะนำพร้อมแนวทางที่สำรวจฟีเจอร์แผงเครือข่ายที่ใช้บ่อยที่สุด
เปิดแผงเครือข่าย
หากต้องการเปิดแผงเครือข่าย ให้เปิดเครื่องมือสำหรับนักพัฒนาเว็บ แล้วคลิกเครือข่ายที่อยู่ในแถบการดำเนินการที่ด้านบน
หรือหากต้องการเปิดแผงเครือข่ายผ่านเมนู Command ให้ทำตามขั้นตอนต่อไปนี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
- เปิดเมนูคำสั่งโดยกด
- สำหรับ macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- เริ่มพิมพ์
Network
แล้วเลือกแสดงแผงเครือข่าย แล้วกด Enter
บันทึกกิจกรรมเครือข่าย
เมื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บ ระบบจะบันทึกคำขอเครือข่ายในแผงเครือข่ายโดยอัตโนมัติ ตราบใดที่เปิดเครื่องมือสำหรับนักพัฒนาเว็บไว้
นอกจากการบันทึกแล้ว คุณยังทําสิ่งต่อไปนี้ได้
- หยุดบันทึกคำขอเครือข่าย
- ล้างคำขอทั้งหมดจากตารางคำขอ
- บันทึกคำขอในการโหลดหน้าเว็บ
- จำลองประสบการณ์การใช้งานแบบออฟไลน์
- จำลองการเชื่อมต่อเครือข่ายที่ช้ากว่า
ตรวจสอบคำขอเครือข่าย
คำขอเครือข่ายทั้งหมดจะบันทึกในตารางคำขอที่ตรงกลางของแผง
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับคอลัมน์ที่แสดงโดยค่าเริ่มต้นและคอลัมน์อื่นๆ ที่คุณเพิ่มได้ โปรดดูดูบันทึกคำขอ
คลิกชื่อคำขอเพื่อดูแท็บที่มีข้อมูลเพิ่มเติมเกี่ยวกับคำขอ ซึ่งรวมถึงข้อมูลต่อไปนี้
- ส่วนหัว: ส่วนหัว HTTP ของทรัพยากรที่เลือก
- เพย์โหลด: พารามิเตอร์สตริงการค้นหาและข้อมูลแบบฟอร์มของคำขอ
- การแสดงตัวอย่าง: การแสดงผลพื้นฐานของ HTML
- การตอบกลับ: ซอร์สโค้ด HTML ของทรัพยากรที่เลือก
- ผู้เริ่ม: สาเหตุของการขอทรัพยากร
- ระยะเวลา: รายละเอียดกิจกรรมในเครือข่ายสำหรับทรัพยากรที่เลือก
- คุกกี้: คุกกี้ของคำขอและการตอบกลับ
กรองและจัดเรียงคำขอเครือข่าย
แผงเครือข่ายมี 2 วิธีในการจัดเรียงคำขอในตารางคำขอ ดังนี้
การกรองคำขอในตารางคำขอทำได้หลายวิธี ดังนี้
- กรองคำขอตามพร็อพเพอร์ตี้
- กรองคำขอตามประเภท
- กรองคำขอตามเวลา
- ซ่อน URL ข้อมูล
- ซ่อน URL ส่วนขยาย
- แสดงเฉพาะคำขอที่มีคุกกี้การตอบสนองที่ถูกบล็อก
- แสดงเฉพาะคำขอที่ถูกบล็อก
- แสดงเฉพาะคำขอของบุคคลที่สาม
ค้นหาส่วนหัวและการตอบสนองของเครือข่าย
หากต้องการเรียนรู้วิธีค้นหาส่วนหัว HTTP และการตอบกลับของทรัพยากรทั้งหมดเพื่อหาสตริงหรือนิพจน์ทั่วไปบางรายการ โปรดดูส่วนหัวและการตอบกลับของเครือข่ายการค้นหา
เปลี่ยนรูปแบบการโหลด
ทดสอบประสบการณ์ของผู้ใช้หน้าเว็บโดยการเปลี่ยนพฤติกรรมการโหลดในแผงเครือข่าย
การใช้แผงเครือข่ายช่วยให้คุณทำสิ่งต่อไปนี้ได้
- จำลองผู้ที่เข้าชมครั้งแรกโดยการปิดใช้แคชของเบราว์เซอร์
- ล้างแคชของเบราว์เซอร์ด้วยตนเอง
- ล้างคุกกี้ของเบราว์เซอร์ด้วยตนเอง
- จำลองแบบออฟไลน์
- จำลองการเชื่อมต่อเครือข่ายที่ช้า
- ลบล้างส่วนหัวการตอบกลับของ HTTP
- ลบล้าง User Agent
บันทึกและส่งออกข้อมูลคำขอเครือข่าย
หากต้องการบันทึกและส่งออกข้อมูลคำขอเครือข่าย โปรดดูข้อมูลต่อไปนี้