Dale St. Marthe
Chrome DevTools ابزارهای قدرتمند بسیاری را ارائه می دهد که به شما کمک می کند تا برنامه های وب خود را عمیقاً بررسی کرده و بهبود بخشید.
ویدئوی زیر مروری بر شش ابزار اساسی، از جمله دکمه Inspect و Device Mode ، به همراه عناصر ، کنسول ، منابع و پنل‌های شبکه را ارائه می‌دهد. علاوه بر این، در مورد تب Styles و روش‌های سفارشی‌سازی DevTools خواهید آموخت.
ویدیو را تماشا کنید تا یاد بگیرید چگونه:
- عناصر DOM را بررسی و ویرایش کنید .
- با Box Model ابعاد یک عنصر را تجسم و تغییر دهید.
- ببینید صفحه شما در دستگاه های تلفن همراه چگونه است.
- خطاهای جاوا اسکریپت را با پنل کنسول شناسایی کنید.
- اشکال زدایی جاوا اسکریپت با استفاده از نقاط شکست در پنل Sources .
- تجزیه و تحلیل و فیلتر کردن فعالیت شبکه در پنل شبکه .
- سرعت اتصال کمتر را شبیه سازی کنید .
- DevTools را سفارشی کنید .
برای یک نمای کلی عمیق، به نمای کلی DevTools ما مراجعه کنید.