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