Chrome DevTools مجموعه ای از ابزارهای توسعه دهنده وب است که مستقیماً در مرورگر Google Chrome ساخته شده است. DevTools به شما امکان می‌دهد صفحات را در لحظه ویرایش کنید و مشکلات را سریع تشخیص دهید، که به شما کمک می‌کند وب‌سایت‌های بهتر و سریع‌تری بسازید.
همه راه هایی که می توانید Chrome DevTools را باز کنید.
با آخرین تغییرات DevTools به روز باشید.
مجموعه‌ای از ویدیوهای با اندازه کوچک برای کمک به یادگیری ویژگی‌های DevTools.

دستورات و میانبرها

به سرعت وظایف را انجام دهید.
منوی فرمان را باز کنید، دستورات را اجرا کنید، فایل‌ها را باز کنید، سایر اقدامات را ببینید و موارد دیگر.
مرجع جامع میانبرهای صفحه کلید.
ببینید وقتی جاوا اسکریپت غیرفعال است یک صفحه وب چگونه به نظر می رسد و چگونه رفتار می کند.
شبیه سازی دستگاه ها برای ساخت وب سایت های اول تلفن همراه.
متن را در تمام منابع بارگذاری شده با پانل جستجو پیدا کنید.

پانل ها

قدرت هر پانل DevTools را کشف کنید.
نحوه مشاهده و تغییر DOM صفحه را بیاموزید.
نحوه مشاهده و تغییر CSS یک صفحه را بیاموزید.
پیام ها را ثبت کنید و جاوا اسکریپت را اجرا کنید.
فایل‌ها را مشاهده و ویرایش کنید، قطعه‌هایی ایجاد کنید، جاوا اسکریپت را اشکال‌زدایی کنید و یک فضای کاری راه‌اندازی کنید.
ثبت درخواست های شبکه
ارزیابی عملکرد وب سایت
مشکلات حافظه را که بر عملکرد صفحه تأثیر می‌گذارند، پیدا کنید، از جمله نشت حافظه، نفخ حافظه، و جمع‌آوری زباله مکرر.
برنامه های وب را بازرسی، اصلاح و اشکال زدایی کنید، حافظه پنهان را آزمایش کنید، فضای ذخیره سازی را مشاهده کنید و موارد دیگر.
ضبط، پخش مجدد، اندازه گیری جریان کاربر، و ویرایش مراحل آنها.
مجموعه‌ای از گزینه‌ها را کشف کنید که بر رندر محتوای وب تأثیر می‌گذارند.
مشکلات وب سایت خود را پیدا کرده و برطرف کنید.
اطمینان حاصل کنید که یک صفحه به طور کامل توسط HTTPS محافظت می شود.
یک ArrayBuffer، TypedArray یا DataView در جاوا اسکریپت و همچنین WebAssembly و حافظه برنامه های C++ Wasm را بررسی کنید.
رشته عامل کاربر را لغو کنید.
مشاهده اطلاعات و اشکال زدایی پخش کننده های رسانه در هر برگه مرورگر.
انیمیشن ها را بررسی و اصلاح کنید.
ردیابی تغییرات به HTML، CSS و جاوا اسکریپت.
کدهای جاوا اسکریپت و CSS استفاده نشده را پیدا و تجزیه و تحلیل کنید.
بررسی کنید که آیا نقشه های منبع با موفقیت بارگیری می شوند و آنها را به صورت دستی بارگیری کنید.
بهبودهای بالقوه CSS را شناسایی کنید.
سرعت وب سایت را با پنل Lighthouse بهینه کنید.
بینش عملی در مورد عملکرد وب سایت خود دریافت کنید.
شبیه سازی حسگرهای دستگاه
احراز هویت را شبیه سازی کنید.