Meggin Kearney
Flavio Copes
टाइमलाइन इवेंट मोड में, रिकॉर्डिंग के दौरान ट्रिगर हुए सभी इवेंट दिखते हैं. टाइमलाइन के हर इवेंट टाइप के बारे में ज़्यादा जानने के लिए, टाइमलाइन इवेंट रेफ़रंस का इस्तेमाल करें.
टाइमलाइन में इवेंट की सामान्य प्रॉपर्टी
कुछ जानकारी सभी तरह के इवेंट में मौजूद होती है, जबकि कुछ सिर्फ़ कुछ खास तरह के इवेंट पर लागू होती है. इस सेक्शन में, अलग-अलग तरह के इवेंट के लिए सामान्य प्रॉपर्टी की सूची दी गई है. कुछ खास इवेंट टाइप के लिए खास प्रॉपर्टी, नीचे दिए गए इवेंट टाइप के रेफ़रंस में दी गई हैं.
| प्रॉपर्टी | यह कब दिखता है |
|---|---|
| कुल समय | नेस्ट किए गए इवेंट वाले इवेंट के लिए, इवेंट की हर कैटगरी में लगने वाला समय. |
| कॉल स्टैक | चाइल्ड इवेंट वाले इवेंट के लिए, इवेंट की हर कैटगरी में लगने वाला समय. |
| सीपीयू समय | रिकॉर्ड किए गए इवेंट को सीपीयू का कितना समय लगा. |
| विवरण | इवेंट के बारे में अन्य जानकारी. |
| अवधि (टाइमस्टैंप पर) | इवेंट को पूरा होने में कितना समय लगा. टाइमस्टैंप, रिकॉर्डिंग शुरू होने के हिसाब से इवेंट के होने का समय होता है. |
| सेल्फ़ टाइम | इवेंट में उसके किसी भी चाइल्ड इवेंट के बिना कितना समय लगा. |
| इस्तेमाल किया गया हीप साइज़ | इवेंट रिकॉर्ड होने के दौरान, ऐप्लिकेशन के इस्तेमाल में लगी मेमोरी की मात्रा. साथ ही, पिछली सैंपलिंग के बाद से, इस्तेमाल किए गए ढेर के साइज़ में डेल्टा (+/-) बदलाव. |
इवेंट लोड किए जा रहे हैं
इस सेक्शन में, लोडिंग कैटगरी और उनकी प्रॉपर्टी से जुड़े इवेंट की सूची होती है.
| इवेंट | ब्यौरा |
|---|---|
| एचटीएमएल को पार्स करना | Chrome ने एचटीएमएल पार्स करने का अपना एल्गोरिदम लागू किया. |
| लोडिंग की प्रोसेस पूरी करें | नेटवर्क का अनुरोध पूरा हो गया. |
| डेटा पाना | किसी अनुरोध का डेटा मिल गया. एक या उससे ज़्यादा 'डेटा पाएं' इवेंट होंगे. |
| जवाब पाना | किसी अनुरोध का शुरुआती एचटीटीपी रिस्पॉन्स. |
| अनुरोध भेजें | नेटवर्क का अनुरोध भेज दिया गया है. |
इवेंट प्रॉपर्टी लोड की जा रही हैं
| प्रॉपर्टी | ब्यौरा |
|---|---|
| संसाधन | अनुरोध किए गए संसाधन का यूआरएल. |
| झलक देखें | अनुरोध किए गए संसाधन की झलक (सिर्फ़ इमेज). |
| अनुरोध का तरीका | अनुरोध के लिए इस्तेमाल किया गया एचटीटीपी तरीका (उदाहरण के लिए, GET या POST). |
| स्थिति कोड | एचटीटीपी रिस्पॉन्स कोड. |
| MIME प्रकार | अनुरोध किए गए संसाधन का MIME टाइप. |
| कोड में बदले गए डेटा की लंबाई | अनुरोध किए गए संसाधन की लंबाई, बाइट में. |
इवेंट की स्क्रिप्ट लिखना
इस सेक्शन में, स्क्रिप्टिंग कैटगरी और उनकी प्रॉपर्टी से जुड़े इवेंट की सूची दी गई है.
| इवेंट | ब्यौरा |
|---|---|
| ऐनिमेशन फ़्रेम ट्रिगर हुआ | शेड्यूल किया गया ऐनिमेशन फ़्रेम ट्रिगर हुआ और उसका कॉलबैक हैंडलर चालू हुआ. |
| ऐनिमेशन फ़्रेम रद्द करें | शेड्यूल किया गया ऐनिमेशन फ़्रेम रद्द कर दिया गया. |
| ऑब्जेक्ट इकट्ठा करने का इवेंट | गार्बेज कलेक्शन हुआ. |
| DOMContentLoaded | ब्राउज़र ने DOMContentLoaded ट्रिगर किया. यह इवेंट तब ट्रिगर होता है, जब पेज का पूरा डीओएम कॉन्टेंट लोड और पार्स हो जाता है. |
| स्क्रिप्ट का आकलन करना | किसी स्क्रिप्ट का आकलन किया गया. |
| इवेंट | कोई JavaScript इवेंट, जैसे कि "mousedown" या "key". |
| फ़ंक्शन कॉल | टॉप-लेवल JavaScript फ़ंक्शन कॉल किया गया था (सिर्फ़ तब दिखता है, जब ब्राउज़र JavaScript इंजन में प्रवेश करता है). |
| टाइमर इंस्टॉल करना | setInterval() या setTimeout() की मदद से टाइमर बनाया गया था. |
| ऐनिमेशन फ़्रेम का अनुरोध करना | requestAnimationFrame() कॉल ने नया फ़्रेम शेड्यूल किया |
| टाइमर हटाएं | पहले से सेट किया गया टाइमर मिटा दिया गया. |
| समय | console.time() नाम की स्क्रिप्ट |
| खत्म होने का समय | console.timeEnd() नाम की स्क्रिप्ट |
| टाइमर ट्रिगर किया गया | setInterval() या setTimeout() के साथ शेड्यूल किया गया टाइमर ट्रिगर हुआ. |
| XHR Ready State Change | XMLHTTPRequest की तैयार स्थिति बदल गई. |
| XHR लोड | XMLHTTPRequest लोड हो गया. |
स्क्रिप्टिंग इवेंट प्रॉपर्टी
| प्रॉपर्टी | ब्यौरा |
|---|---|
| टाइमर आईडी | टाइमर आईडी. |
| टाइम आउट की संख्या | टाइमर से तय किया गया टाइम आउट. |
| रिमाइंडर इतनी बार दोहराया जाएगा | बूलियन, जो यह बताता है कि टाइमर दोहराया जाता है या नहीं. |
| फ़ंक्शन कॉल | कोई ऐसा फ़ंक्शन जिसे कॉल किया गया था. |
इवेंट रेंडर करना
इस सेक्शन में, रेंडरिंग कैटगरी और उनकी प्रॉपर्टी से जुड़े इवेंट की सूची दी गई है.
| इवेंट | ब्यौरा |
|---|---|
| लेआउट को अमान्य करना | DOM में किए गए बदलाव की वजह से, पेज का लेआउट अमान्य हो गया. |
| लेआउट | कोई पेज लेआउट लागू किया गया. |
| स्टाइल को फिर से कैलकुलेट करना | Chrome ने एलिमेंट की स्टाइल फिर से कैलकुलेट की. |
| स्क्रोल करें | नेस्ट किए गए व्यू का कॉन्टेंट स्क्रोल किया गया. |
इवेंट प्रॉपर्टी रेंडर करना
| प्रॉपर्टी | ब्यौरा |
|---|---|
| लेआउट अमान्य हो गया | लेआउट रिकॉर्ड के लिए, उस कोड का स्टैक ट्रेस जिसकी वजह से लेआउट अमान्य हो गया. |
| ऐसे नोड जिन्हें लेआउट की ज़रूरत होती है | लेआउट रिकॉर्ड के लिए, उन नोड की संख्या जिन्हें फिर से लेआउट शुरू होने से पहले, लेआउट की ज़रूरत के तौर पर मार्क किया गया था. आम तौर पर, ये ऐसे नोड होते हैं जिन्हें डेवलपर कोड ने अमान्य कर दिया था. साथ ही, इनमें रूट को फिर से व्यवस्थित करने के लिए, ऊपर की ओर जाने वाला पाथ भी शामिल होता है. |
| लेआउट ट्री का साइज़ | लेआउट रिकॉर्ड के लिए, रीलेआउट रूट (वह नोड जिससे Chrome रीलेआउट शुरू करता है) के नीचे मौजूद नोड की कुल संख्या. |
| लेआउट का दायरा | संभावित वैल्यू, "कुछ हिस्से के लिए" (फिर से लेआउट करने की सीमा, डीओएम का एक हिस्सा है) या "पूरे दस्तावेज़ के लिए" हैं. |
| जिन एलिमेंट पर असर पड़ा | स्टाइल रीकैलकुलेट करने के रिकॉर्ड के लिए, स्टाइल रीकैलकुलेट करने से जिन एलिमेंट पर असर पड़ा है उनकी संख्या. |
| स्टाइल अमान्य हो गए | स्टाइल रिकॉर्ड का फिर से हिसाब लगाने के लिए, उस कोड का स्टैक ट्रेस दिखाता है जिसकी वजह से स्टाइल अमान्य हो गया. |
पेंटिंग के इवेंट
इस सेक्शन में, पेंटिंग कैटगरी और उनकी प्रॉपर्टी से जुड़े इवेंट की सूची दी गई है.
| इवेंट | ब्यौरा |
|---|---|
| कंपोज़िट लेयर | Chrome के रेंडरिंग इंजन की कॉम्पोज़िट इमेज लेयर. |
| इमेज डिकोड | इमेज रिसॉर्स को डिकोड किया गया. |
| इमेज का साइज़ बदलना | किसी इमेज का साइज़, उसके मूल डाइमेंशन से बदला गया हो. |
| पेंट | डिसप्ले के किसी हिस्से पर, कॉम्पोज़िट की गई लेयर को पेंट किया गया था. Paint रिकॉर्ड पर कर्सर घुमाने से, डिसप्ले के उस हिस्से को हाइलाइट किया जाता है जिसे अपडेट किया गया था. |
पेंटिंग इवेंट की प्रॉपर्टी
| प्रॉपर्टी | ब्यौरा |
|---|---|
| जगह | पेंट इवेंट के लिए, पेंट किए गए रेक्टैंगल के x और y कोऑर्डिनेट. |
| आयाम | पेंट इवेंट के लिए, पेंट किए गए हिस्से की ऊंचाई और चौड़ाई. |