เครื่องมือเครือข่ายใน F12 เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เบราว์เซอร์ขอบ

Microsoft เพิ่งประกาศเครื่องมือเครือข่ายที่ปรับปรุงใหม่ใน เครื่องมือสำหรับนักพัฒนา F12 สำหรับ Microsoft Edge browser ใน Windows 10 หลังจากที่มีความต้องการอย่างมากจากนักพัฒนาซอฟต์แวร์ ในฐานะนักพัฒนาคุณมีเหตุผลทั้งหมดที่รู้สึกตื่นเต้นเพราะตอนนี้คุณสามารถใช้ชุดเครื่องมือที่ปรับปรุงแล้ว

ดูการปรับปรุงหลักบางอย่างที่ Microsoft ซื้อมา

เครื่องมือสำหรับนักพัฒนา Microsoft Edge F12

แม้ว่าคุณจะเป็นผู้เริ่มต้นใช้งานคุณจะพบกับ Microsoft Edge F12 developer ได้ง่ายมากเนื่องจากมีขั้นตอนน้อยมากที่คุณต้องปฏิบัติตาม สิ่งที่คุณต้องทำคือการคลิกและเปิดเมนู การกระทำอื่น ๆ และเลือก " เครื่องมือสำหรับนักพัฒนา F12 " การเพิ่มประสิทธิภาพเครื่องมือเครือข่ายใน Edge

ขั้นตอนแรกที่ Microsoft ดำเนินการเกี่ยวกับการปรับปรุงคือการออกแบบใหม่เครื่องมือเครือข่ายเพื่อให้นักพัฒนาซอฟต์แวร์ได้รับประสบการณ์ในการทำความสะอาด ถัดไปทีมของ Microsoft ยังเพิ่มปุ่ม

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

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

การปรับปรุงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ F12 ที่โดดเด่นสำหรับ Microsoft Edge

รายการของรายการปรับปรุงที่รวมอยู่ใน Microsoft Edge ใหม่มีดังนี้:

รีเฟรชเสมอจากเซิร์ฟเวอร์

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

ชื่อ

• : ซึ่งรวมถึงชื่อและ URL ของรีซอร์ส ขอ
• : รวมโปรโตคอลที่กำลังใช้เพื่อขอรับทรัพยากร วิธี
• : แสดงวิธีการ HTTP ที่ใช้ในคำขอ ผลลัพธ์
• : แสดงรหัสสถานะการตอบกลับและข้อความที่ส่งกลับโดยเซิร์ฟเวอร์
• : แสดงประเภท MIME ของการตอบกลับที่ส่งกลับโดยเซิร์ฟเวอร์ ได้รับ
• : ขนาดรวมของ payload การตอบสนองที่ส่งมาจากเซิร์ฟเวอร์ เวลา
• : แสดง เวลาที่ใช้ในการดาวน์โหลด Timings
• : แสดงการแสดงภาพของกิจกรรมเครือข่ายที่เกิดขึ้นในช่วงเวลา ในกรณีที่คุณต้องการดูรายละเอียดเพิ่มเติมของข้อมูลคุณสามารถไปที่มุมมองรายละเอียด แทนมุมมองสรุป ข้อมูลเช่นส่วนหัวส่วนเนื้อหาและพารามิเตอร์ ฯลฯ จะแสดงเป็นส่วนต่างๆของมุมมองรายละเอียด สิ่งที่คุณต้องทำคือการดับเบิลคลิกที่คำขอและอ่านข้อมูลจากแผงด้านข้าง

สิ่งสำคัญที่ต้องจดบันทึกไว้ที่นี่ Microsoft กล่าวว่าคุณลักษณะใหม่ ๆ เหล่านี้ของเครื่องมือเครือข่ายมีอยู่ใน IE11 เช่นเดียวกับ Edge

ตอนนี้ดูว่าคุณสามารถเปลี่ยน User Agent, Mode, Display, Geolocation ใน Edge Developer Tools ได้อย่างไร