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

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

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

پانل ها

قدرت هر پانل DevTools را کشف کنید.

عناصر - DOM

نحوه مشاهده و تغییر DOM صفحه را بیاموزید.
اسناد را بخوانید

عناصر - CSS

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

مرجع تنظیمات