chrome.devtools.network

refresh date: 2026-09-25 robots: noindex

Mô tả

Sử dụng API chrome.devtools.network để truy xuất thông tin về các yêu cầu mạng mà Công cụ cho nhà phát triển hiển thị trong bảng điều khiển Mạng.

Tệp kê khai

Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này.

"devtools_page"

Hãy xem phần Tóm tắt về API Công cụ cho nhà phát triển để biết thông tin giới thiệu chung về cách sử dụng API Công cụ cho nhà phát triển.

Tổng quan

Thông tin về yêu cầu mạng được trình bày ở định dạng Lưu trữ HTTP (HAR). Nội dung mô tả về HAR nằm ngoài phạm vi của tài liệu này, vui lòng tham khảo Thông số kỹ thuật HAR phiên bản 1.2.

Về HAR, phương thức chrome.devtools.network.getHAR() trả về toàn bộ nhật ký HAR, trong khi sự kiện chrome.devtools.network.onRequestFinished cung cấp mục HAR làm đối số cho lệnh gọi lại sự kiện.

Xin lưu ý rằng nội dung yêu cầu không được cung cấp trong tệp HAR vì lý do hiệu quả. Bạn có thể gọi phương thức getContent() của yêu cầu để truy xuất nội dung.

Nếu cửa sổ Công cụ cho nhà phát triển được mở sau khi trang được tải, thì một số yêu cầu có thể bị thiếu trong mảng các mục do getHAR() trả về. Hãy tải lại trang để nhận tất cả yêu cầu. Nhìn chung, danh sách các yêu cầu do getHAR() trả về phải khớp với danh sách hiển thị trong bảng điều khiển Mạng.

Ví dụ

Đoạn mã sau đây ghi lại URL của tất cả hình ảnh lớn hơn 40 KB khi chúng được tải:

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) + '"))');
    }
  }
);

Để dùng thử API này, hãy cài đặt ví dụ về API công cụ cho nhà phát triển từ kho lưu trữ chrome-extension-samples.

Loại

Request

Biểu thị một yêu cầu mạng cho tài nguyên tài liệu (tập lệnh, hình ảnh, v.v.). Hãy xem Quy cách HAR để tham khảo.

Thuộc tính

  • getContent

    void

    Promise

    Trả về nội dung của phần nội dung phản hồi.

    Hàm getContent có dạng như sau: 

    (callback?: function) => {...}

    • callback

      hàm không bắt buộc

      Tham số callback có dạng như sau: 

      (response: object) => void

      • phản hồi

        đối tượng

        Chrome 151 trở lên

        Một đối tượng chứa nội dung phản hồi và phương thức mã hoá của nội dung đó.

        • nội dung

          chuỗi

          Nội dung của phần nội dung phản hồi (có thể được mã hoá).

        • mã hoá

          chuỗi

          Để trống nếu nội dung không được mã hoá, nếu không thì nhập tên mã hoá. Hiện tại, chúng tôi chỉ hỗ trợ base64.

    • returns

      <object> hứa hẹn

      Chrome 151 trở lên

      Một hàm nhận nội dung phản hồi khi yêu cầu hoàn tất.

      Lời hứa chỉ được hỗ trợ cho Manifest V3 trở lên, các nền tảng khác cần sử dụng lệnh gọi lại.

Phương thức

getHAR()

Promise 
chrome.devtools.network.getHAR(
  callback?: function,
): Promise<object>

Trả về nhật ký HAR chứa tất cả yêu cầu mạng đã biết.

Thông số

  • callback

    hàm không bắt buộc

    Tham số callback có dạng như sau: 

    (harLog: object) => void

    • harLog

      đối tượng

      Nhật ký HAR. Hãy xem thông số kỹ thuật của HAR để biết thông tin chi tiết.

Giá trị trả về

  • <object> hứa hẹn

    Chrome 151 trở lên

    Một hàm nhận nhật ký HAR khi yêu cầu hoàn tất.

    Lời hứa chỉ được hỗ trợ cho Manifest V3 trở lên, các nền tảng khác cần sử dụng lệnh gọi lại.

Sự kiện

onNavigated

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

Được kích hoạt khi cửa sổ được kiểm tra chuyển đến một trang mới.

Thông số

  • callback

    hàm

    Tham số callback có dạng như sau: 

    (url: string) => void

    • url

      chuỗi

onRequestFinished

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

Được kích hoạt khi một yêu cầu mạng hoàn tất và tất cả dữ liệu yêu cầu đều có sẵn.

Thông số

  • callback

    hàm

    Tham số callback có dạng như sau: 

    (request: Request) => void