chrome.devtools.network

คำอธิบาย

ไฟล์ Manifest

ดูข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

ภาพรวม

ข้อมูลคำขอเครือข่ายจะแสดงในรูปแบบ HTTP Archive (HAR) คำอธิบายของ HAR อยู่นอกขอบเขตของเอกสารนี้ โปรดดูข้อมูลจำเพาะของ HAR v1.2

ในแง่ของ HAR เมธอด chrome.devtools.network.getHAR() จะแสดงผลบันทึก HAR ทั้งหมด ขณะที่ เหตุการณ์ chrome.devtools.network.onRequestFinished มีรายการ HAR เป็นอาร์กิวเมนต์ของเหตุการณ์ Callback

โปรดทราบว่าเนื้อหาคำขอไม่ได้ให้เป็นส่วนหนึ่งของ HAR เนื่องจากเหตุผลด้านประสิทธิภาพ คุณสามารถโทรหา เมธอด getContent() ของคำขอเพื่อเรียกเนื้อหา

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

ตัวอย่าง

โค้ดต่อไปนี้จะบันทึก URL ของรูปภาพทั้งหมดที่มีขนาดใหญ่กว่า 40 KB เมื่อมีการโหลด

chrome.devtools.network.onRequestFinished.addListener(
  function(request) {
    if (request.response.bodySize > 40*1024) {
      chrome.devtools.inspectedWindow.eval(
          'console.log("Large image: " + unescape("' +
          escape(request.request.url) + '"))');
    }
  }
);

หากต้องการลองใช้ API นี้ ให้ติดตั้งตัวอย่าง API ของเครื่องมือสำหรับนักพัฒนาจาก chrome-extension-samples ที่เก็บได้

chrome.devtools.network.getHAR(
  callback: function,
)

chrome.devtools.network.onNavigated.addListener(
  callback: function,
)

chrome.devtools.network.onRequestFinished.addListener(
  callback: function,
)