PerformanceResourceTiming: initiatorType property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2017.

Note: This feature is available in Web Workers.

Thuộc tính chỉ đọc initiatorType là một chuỗi biểu thị tính năng nền tảng web đã khởi tạo việc tải tài nguyên.

Note: Thuộc tính này không biểu thị kiểu nội dung được tìm nạp. Một tệp .css có thể được tìm nạp bằng phần tử <link> dẫn đến initiatorType là link. Khi tải hình ảnh bằng background: url() trong tệp CSS, initiatorType sẽ là css chứ không phải img.

Giá trị

Thuộc tính initiatorType có thể có các giá trị sau, hoặc other nếu không điều kiện nào khớp.

audio: Nếu yêu cầu được khởi tạo bởi thuộc tính src của phần tử <audio>.
beacon: Nếu yêu cầu được khởi tạo bởi phương thức navigator.sendBeacon().
body: Nếu yêu cầu được khởi tạo bởi thuộc tính background của phần tử <body>.
css: Nếu yêu cầu được khởi tạo bởi hàm CSS url().
early-hint: Nếu yêu cầu được khởi tạo bởi phản hồi Early Hint 103.
embed: Nếu yêu cầu được khởi tạo bởi thuộc tính src của phần tử <embed>.
fetch: Nếu yêu cầu được khởi tạo bởi phương thức fetch().
frame: Nếu yêu cầu được khởi tạo khi tải phần tử <frame>.
iframe: Nếu yêu cầu được khởi tạo bởi thuộc tính src của phần tử <iframe>.
icon Không chuẩn: Nếu yêu cầu được khởi tạo bởi favicon. Không chuẩn và chỉ Safari báo cáo.
image: Nếu yêu cầu được khởi tạo bởi phần tử <image>.
img: Nếu yêu cầu được khởi tạo bởi thuộc tính src hoặc srcset của phần tử <img>.
input: Nếu yêu cầu được khởi tạo bởi phần tử <input> có kiểu image.
link: Nếu yêu cầu được khởi tạo bởi phần tử <link>.
navigation: Nếu yêu cầu được khởi tạo bởi một yêu cầu điều hướng.
object: Nếu yêu cầu được khởi tạo bởi phần tử <object>.
ping: Nếu yêu cầu được khởi tạo bởi ping của phần tử <a>.
script: Nếu yêu cầu được khởi tạo bởi phần tử <script>.
track: Nếu yêu cầu được khởi tạo bởi src của phần tử <track>.
video: Nếu yêu cầu được khởi tạo bởi poster hoặc src của phần tử <video>.
xmlhttprequest: Nếu yêu cầu được khởi tạo bởi một XMLHttpRequest.

Ví dụ

Lọc tài nguyên

Thuộc tính initiatorType có thể dùng để lấy chỉ các resource timing entry cụ thể. Ví dụ, chỉ những entry được khởi tạo bởi các phần tử <script>.

Ví dụ dùng PerformanceObserver, thông báo các performance entry resource mới khi chúng được ghi trong performance timeline của trình duyệt. Dùng tùy chọn buffered để truy cập các entry từ trước khi observer được tạo.

const observer = new PerformanceObserver((list) => {
  const scripts = list
    .getEntries()
    .filter((entry) => entry.initiatorType === "script");
  console.log(scripts);
});

observer.observe({ type: "resource", buffered: true });

Ví dụ dùng Performance.getEntriesByType(), chỉ hiển thị các performance entry resource đang có trong performance timeline tại thời điểm bạn gọi phương thức này:

const scripts = performance
  .getEntriesByType("resource")
  .filter((entry) => entry.initiatorType === "script");
console.log(scripts);

Thông số kỹ thuật

Thông số kỹ thuật
Resource Timing # dom-performanceresourcetiming-initiatortype

Tương thích trình duyệt

Help improve MDN

Tìm hiểu cách đóng góp

This page was last modified on Jan 1, 1970 by MDN contributors.

Xem trang này trên GitHub • Báo cáo sự cố với nội dung này