Meggin Kearney
Flavio Copes
Chế độ sự kiện trên dòng thời gian hiển thị tất cả các sự kiện được kích hoạt trong khi ghi lại. Hãy sử dụng tham chiếu sự kiện theo dòng thời gian để tìm hiểu thêm về từng loại sự kiện trên dòng thời gian.
Các thuộc tính sự kiện phổ biến theo dòng thời gian
Một số thông tin chi tiết nhất định xuất hiện trong các sự kiện thuộc mọi loại, trong khi một số thông tin chỉ áp dụng cho một số loại sự kiện nhất định. Phần này liệt kê các thuộc tính phổ biến cho các loại sự kiện khác nhau. Các thuộc tính dành riêng cho một số loại sự kiện nhất định được liệt kê trong tệp tham chiếu cho các loại sự kiện tiếp theo.
| Tài sản | Thời điểm hiển thị |
|---|---|
| Thời gian tổng hợp | Đối với các sự kiện có sự kiện lồng nhau, thời gian dành cho từng danh mục sự kiện. |
| Ngăn xếp lệnh gọi | Đối với các sự kiện có sự kiện con, thời gian dành cho từng danh mục sự kiện. |
| Thời gian của CPU | Lượng thời gian của CPU để ghi lại sự kiện. |
| Thông tin chi tiết | Thông tin chi tiết khác về sự kiện. |
| Thời lượng (tại dấu thời gian) | Khoảng thời gian để sự kiện với tất cả các phần tử con hoàn tất; dấu thời gian là thời điểm sự kiện xảy ra, so với thời điểm bắt đầu ghi. |
| Tự đặt thời gian | Khoảng thời gian diễn ra sự kiện mà không có sự kiện con nào. |
| Kích thước vùng nhớ khối xếp đã sử dụng | Lượng bộ nhớ mà ứng dụng đang dùng khi sự kiện được ghi lại và sự thay đổi delta (+/-) về kích thước vùng nhớ khối xếp đã dùng kể từ lần lấy mẫu gần nhất. |
Sự kiện tải
Phần này liệt kê những sự kiện thuộc danh mục Đang tải và thuộc tính của những sự kiện đó.
| Sự kiện | Nội dung mô tả |
|---|---|
| Phân tích cú pháp HTML | Chrome đã thực thi thuật toán phân tích cú pháp HTML. |
| Kết thúc quá trình tải | Đã hoàn tất một yêu cầu mạng. |
| Nhận dữ liệu | Đã nhận dữ liệu cho một yêu cầu. Sẽ có một hoặc nhiều sự kiện Nhận dữ liệu. |
| Nhận phản hồi | Phản hồi HTTP ban đầu từ một yêu cầu. |
| Gửi yêu cầu | Đã gửi một yêu cầu mạng. |
Đang tải thuộc tính sự kiện
| Tài sản | Nội dung mô tả |
|---|---|
| Tài nguyên | URL của tài nguyên được yêu cầu. |
| Xem trước | Xem trước tài nguyên được yêu cầu (chỉ hình ảnh). |
| Phương thức yêu cầu | Phương thức HTTP dùng cho yêu cầu (ví dụ: GET hoặc POST). |
| Mã trạng thái | Mã phản hồi HTTP. |
| Loại MIME | Loại MIME của tài nguyên được yêu cầu. |
| Độ dài dữ liệu đã mã hoá | Độ dài của tài nguyên được yêu cầu tính bằng byte. |
Viết sự kiện
Phần này liệt kê những sự kiện thuộc danh mục Viết tập lệnh và thuộc tính của các sự kiện đó.
| Sự kiện | Nội dung mô tả |
|---|---|
| Đã kích hoạt khung ảnh động | Một khung ảnh động được lên lịch đã kích hoạt và trình xử lý lệnh gọi lại của khung này đã được gọi. |
| Huỷ khung ảnh động | Một khung ảnh động đã lên lịch đã bị huỷ. |
| Sự kiện thu gom rác (GC) | Đã có hoạt động thu gom rác. |
| DOMContentLoaded | DOMContentLoaded đã được trình duyệt kích hoạt. Sự kiện này được kích hoạt khi tất cả nội dung DOM của trang đã được tải và phân tích cú pháp. |
| Đánh giá tập lệnh | Một tập lệnh đã được đánh giá. |
| Sự kiện | Sự kiện JavaScript ("ví dụ: "chuột xuống" hoặc "khoá"). |
| Lệnh gọi hàm | Lệnh gọi hàm JavaScript cấp cao nhất đã được thực hiện (chỉ xuất hiện khi trình duyệt chuyển sang công cụ JavaScript). |
| Cài đặt bộ tính giờ | Một bộ tính giờ đã được tạo bằng setInterval() hoặc setTimeout(). |
| Yêu cầu khung ảnh động | Cuộc gọi requestAnimationFrame() đã lên lịch một khung mới |
| Xoá bộ tính giờ | Đã xoá bộ tính giờ được tạo trước đây. |
| Thời gian | Tập lệnh có tên console.time() |
| Thời gian kết thúc | Tập lệnh có tên console.timeEnd() |
| Đã kích hoạt bộ tính giờ | Một bộ tính giờ đã kích hoạt được lên lịch bằng setInterval() hoặc setTimeout(). |
| Thay đổi trạng thái sẵn sàng của XHR | Trạng thái sẵn sàng của XMLHTTPRequest đã thay đổi. |
| Tải XHR | XMLHTTPRequest đã tải xong. |
Viết thuộc tính sự kiện
| Tài sản | Nội dung mô tả |
|---|---|
| Mã bộ tính giờ | Mã bộ tính giờ. |
| Lần bị tạm ngừng | Thời gian chờ do bộ tính giờ chỉ định. |
| Lặp lại | Boolean chỉ định xem có lặp lại bộ tính giờ hay không. |
| Lệnh gọi hàm | Một hàm đã được gọi. |
Sự kiện kết xuất hình ảnh
Phần này liệt kê những sự kiện thuộc danh mục Hiển thị và thuộc tính của những sự kiện đó.
| Sự kiện | Nội dung mô tả |
|---|---|
| Vô hiệu hoá bố cục | Bố cục trang không hợp lệ do thay đổi DOM. |
| Bố cục | Đã thực thi bố cục trang. |
| Tính toán lại kiểu | Chrome đã tính toán lại kiểu phần tử. |
| Cuộn | Đã cuộn nội dung của khung hiển thị lồng nhau. |
Thuộc tính sự kiện hiển thị
| Tài sản | Nội dung mô tả |
|---|---|
| Đã hết hiệu lực cho bố cục | Đối với bản ghi Bố cục, dấu vết ngăn xếp của mã khiến bố cục bị mất hiệu lực. |
| Các nút cần có bố cục | Đối với bản ghi Bố cục, số lượng nút được đánh dấu là cần bố cục trước khi bắt đầu bố cục lại. Đây thường là các nút đã bị mã nhà phát triển vô hiệu hoá, cùng với một đường dẫn lên đến gốc bố cục lại. |
| Kích thước cây bố cục | Đối với bản ghi Bố cục, tổng số nút trong thư mục gốc bố cục lại (nút mà Chrome bắt đầu bố cục lại). |
| Phạm vi bố cục | Các giá trị có thể sử dụng là "Một phần" (ranh giới bố cục lại là một phần của DOM) hoặc "Toàn bộ tài liệu". |
| Các phần tử bị ảnh hưởng | Đối với tính năng Tính toán lại bản ghi kiểu, số lượng phần tử bị ảnh hưởng bởi việc tính toán lại kiểu. |
| Đã hết hiệu lực của kiểu | Đối với tính năng Tính toán lại các bản ghi kiểu, hãy cung cấp dấu vết ngăn xếp của mã đã gây ra lỗi vô hiệu hoá kiểu. |
Sự kiện sơn
Phần này liệt kê các sự kiện thuộc danh mục Tranh và các thuộc tính của chúng.
| Sự kiện | Nội dung mô tả |
|---|---|
| Lớp tổng hợp | Các lớp hình ảnh kết hợp của công cụ kết xuất của Chrome. |
| Giải mã hình ảnh | Một tài nguyên hình ảnh đã được giải mã. |
| Đổi kích thước hình ảnh | Hình ảnh đã được đổi kích thước so với kích thước gốc. |
| Sơn | Các lớp tổng hợp được vẽ lên một khu vực hiển thị. Khi di chuột qua một bản ghi Paint, vùng hiển thị đã được cập nhật sẽ được làm nổi bật. |
Thuộc tính sự kiện hiển thị
| Tài sản | Nội dung mô tả |
|---|---|
| Vị trí | Đối với các sự kiện Paint, toạ độ x và y của hình chữ nhật vẽ. |
| Kích thước | Đối với sự kiện Paint, chiều cao và chiều rộng của vùng được vẽ. |