আসল JavaScript, সত্যিই চালানো — আপনার নিজের কোড (বা একটা preset) আসলে execute হওয়ার সময় live call stack, Web APIs, আর microtask queue দেখুন, প্রতিটা step-এর জন্য একটা plain-English বর্ণনাসহ।
JavaScript পাঠ দেখুনএটা আপনার আসল কোড একটা sandboxed iframe-এ আসল setTimeout/Promise scheduling দিয়ে চালায় — আপনি যে order আর timing দেখছেন সেটা সত্যিই engine যেভাবে চালিয়েছে, বানানো animation না। শুধু "queue-তে অপেক্ষা করছে" বক্সগুলো illustrative: JavaScript নিজে ব্রাউজারের internal queue-তে কী আছে দেখতে পারে না, শুধু কখন কিছু শুরু আর শেষ হয় দেখতে পারে — এটাই এখানে trace করা হয়েছে।
এমন কোনো JavaScript API নেই যা engine-এর আসল call stack বা task queue দেখায়, তাই এই টুল সেগুলো "measure" করতে পারে না যেভাবে একটা layout টুল pixel measure করে। বদলে এটা যা করে — প্রতিটা আসল event-loop ভিজুয়ালাইজার যা করে ঠিক সেটাই — আপনার আসল কোড আসল setTimeout আর Promise scheduling দিয়ে একটা sandboxed iframe-এ চালায়, আর প্রতিটা trace করা মুহূর্তে new Error().stack দিয়ে আসল call stack পড়ে। আপনি যে order আর timing দেখছেন সেটা সত্যিই ব্রাউজার আপনার কোড যেভাবে চালিয়েছে, বানানো না। লম্বা setTimeout delay 3 সেকেন্ডে cap করা থাকে যাতে একটা শেখানোর উদাহরণ বেশিক্ষণ অপেক্ষা না করায়; সেই cap-এর নিচে যেকোনো delay-র জন্য আপেক্ষিক order ঠিক থাকে।