حالت رویدادهای خط زمانی، همه رویدادهایی را که در حین ضبط ایجاد شده اند، نمایش می دهد. از مرجع رویداد خط زمانی برای کسب اطلاعات بیشتر در مورد هر نوع رویداد خط زمانی استفاده کنید.
ویژگی های رویداد معمول جدول زمانی
جزئیات خاصی در همه انواع رویدادها وجود دارد، در حالی که برخی فقط برای انواع خاصی از رویدادها اعمال می شود. این بخش ویژگی های مشترک انواع مختلف رویداد را فهرست می کند. ویژگی‌های خاص انواع رویدادهای خاص در مراجع مربوط به انواع رویدادهای بعدی فهرست شده‌اند.
| ویژگی | چه زمانی نشان داده می شود |
|---|
| زمان جمع شده | برای رویدادهایی با رویدادهای تودرتو ، زمان صرف شده توسط هر دسته از رویدادها. |
| پشته تماس بگیرید | برای رویدادهایی با رویدادهای کودک ، زمان صرف شده توسط هر دسته از رویدادها. |
| زمان CPU | زمان CPU رویداد ضبط شده چقدر طول کشید. |
| جزئیات | جزئیات دیگر در مورد این رویداد. |
| مدت زمان (در مهر زمان) | چقدر طول کشید تا این رویداد با همه فرزندانش کامل شود. برچسب زمانی زمانی است که رویداد رخ داده است، نسبت به زمانی که ضبط شروع شده است. |
| زمان خود | چقدر این رویداد بدون هیچ یک از فرزندانش طول کشید. |
| اندازه هیپ استفاده شده | مقدار حافظه استفاده شده توسط برنامه در هنگام ضبط رویداد، و تغییر دلتا (+/-) در اندازه پشته استفاده شده از آخرین نمونه برداری. |
در حال بارگیری رویدادها
این بخش رویدادهایی را که به دسته بارگیری تعلق دارند و ویژگی های آنها فهرست می کند.
| رویداد | شرح |
|---|
| HTML را تجزیه کنید | کروم الگوریتم تجزیه HTML خود را اجرا کرد. |
| پایان بارگذاری | یک درخواست شبکه تکمیل شد. |
| داده ها را دریافت کنید | داده های یک درخواست دریافت شد. یک یا چند رویداد Receive Data وجود خواهد داشت. |
| دریافت پاسخ | پاسخ HTTP اولیه از یک درخواست. |
| فرستادن درخواست | درخواست شبکه ارسال شده است. |
بارگیری ویژگی های رویداد
| ویژگی | شرح |
|---|
| منبع | URL منبع درخواستی. |
| پیش نمایش | پیش نمایش منبع درخواستی (فقط تصاویر). |
| روش درخواست | روش HTTP مورد استفاده برای درخواست (به عنوان مثال GET یا POST). |
| کد وضعیت | کد پاسخ HTTP |
| نوع MIME | نوع MIME منبع درخواستی. |
| طول داده رمزگذاری شده | طول منبع درخواستی بر حسب بایت |
رویدادهای اسکریپت نویسی
این بخش رویدادهایی را که به دسته Scripting تعلق دارند و ویژگی های آنها فهرست می کند.
| رویداد | شرح |
|---|
| قاب انیمیشن شلیک شد | یک فریم انیمیشن برنامه‌ریزی‌شده شلیک شد و کنترل‌کننده پاسخ تماس آن فراخوانی شد. |
| لغو قاب انیمیشن | یک قاب انیمیشن برنامه ریزی شده لغو شد. |
| رویداد GC | جمع آوری زباله رخ داد. |
| DOMContentLoaded | DOMContentLoaded توسط مرورگر فعال شد. این رویداد زمانی فعال می شود که تمام محتوای DOM صفحه بارگیری و تجزیه شده باشد. |
| ارزیابی اسکریپت | یک فیلمنامه ارزیابی شد. |
| رویداد | یک رویداد جاوا اسکریپت (مثلاً "دانلود ماوس" یا "کلید"). |
| فراخوانی تابع | فراخوانی عملکرد جاوا اسکریپت سطح بالا انجام شد (فقط زمانی ظاهر می شود که مرورگر وارد موتور جاوا اسکریپت شود). |
| تایمر را نصب کنید | یک تایمر با setInterval() یا setTimeout() ایجاد شد. |
| درخواست قاب انیمیشن | یک فراخوان requestAnimationFrame() یک فریم جدید را برنامه ریزی کرد |
| تایمر را بردارید | یک تایمر از قبل ایجاد شده پاک شد. |
| زمان | اسکریپتی به نام console.time() |
| پایان زمان | اسکریپتی به نام console.timeEnd() |
| تایمر روشن شد | یک تایمر فعال شده که با setInterval() یا setTimeout() برنامه ریزی شده بود. |
| تغییر حالت آماده XHR | وضعیت آماده یک XMLHTTPRequest تغییر کرد. |
| بار XHR | بارگیری یک XMLHTTPRequest به پایان رسید. |
ویژگی های رویداد اسکریپت
| ویژگی | شرح |
|---|
| شناسه تایمر | شناسه تایمر |
| تایم اوت | زمان تعیین شده توسط تایمر. |
| تکرار می کند | Boolean که مشخص می کند تایمر تکرار شود یا خیر. |
| فراخوانی تابع | تابعی که فراخوانی شد. |
رندر کردن رویدادها
این بخش رویدادهایی را که به دسته Rendering تعلق دارند و ویژگی های آنها فهرست می کند.
| رویداد | شرح |
|---|
| طرح بندی را باطل کنید | طرح بندی صفحه با تغییر DOM باطل شد. |
| چیدمان | یک صفحه آرایی اجرا شد. |
| محاسبه مجدد سبک | کروم سبک‌های عناصر را دوباره محاسبه کرد. |
| طومار | محتوای نمای تودرتو پیمایش شد. |
ارائه ویژگی های رویداد
| ویژگی | شرح |
|---|
| طرح بندی نامعتبر شد | برای رکوردهای Layout، رد پشته کد که باعث بی اعتبار شدن طرح شده است. |
| گره هایی که نیاز به چیدمان دارند | برای رکوردهای Layout، تعداد گره هایی که قبل از شروع مجدد به عنوان نیاز به طرح بندی علامت گذاری شده اند. اینها معمولاً گره‌هایی هستند که توسط کد توسعه‌دهنده باطل شده‌اند، به علاوه یک مسیر به سمت بالا به ریشه رله‌گذاری. |
| اندازه درخت چیدمان | برای سوابق Layout، تعداد کل گره‌های زیر ریشه relayout (گره‌ای که Chrome شروع به پخش مجدد می‌کند). |
| محدوده طرح بندی | مقادیر ممکن "جزئی" (مرز طرح بندی مجدد بخشی از DOM است) یا "کل سند". |
| عناصر تحت تأثیر | برای رکوردهای سبک محاسبه مجدد، تعداد عناصری که تحت تأثیر محاسبه مجدد سبک قرار می گیرند. |
| سبک‌ها باطل شدند | برای Recalculate style records، رد پشته کدی که باعث بی اعتباری سبک شده است را ارائه می دهد. |
رویدادهای نقاشی
این بخش رویدادهایی را که به دسته Painting تعلق دارند و خواص آنها را فهرست می کند.
| رویداد | شرح |
|---|
| لایه های مرکب | موتور رندر کروم لایه های تصویر را ترکیب می کند. |
| رمزگشایی تصویر | یک منبع تصویر رمزگشایی شد. |
| تغییر اندازه تصویر | اندازه یک تصویر از ابعاد اصلی خود تغییر کرده است. |
| رنگ کنید | لایه های ترکیبی در ناحیه ای از نمایشگر رنگ آمیزی شدند. نگه داشتن ماوس روی یک رکورد Paint، ناحیه ای از صفحه نمایش را که به روز شده را برجسته می کند. |
ویژگی های رویداد نقاشی
| ویژگی | شرح |
|---|
| محل | برای رویدادهای Paint، مختصات x و y مستطیل رنگ. |
| ابعاد | برای رویدادهای Paint، ارتفاع و عرض ناحیه نقاشی شده است. |
