آموزش اشکال زدایی سایتها با استفاده از Chrome DevTools

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

درک قابلیت های Chrome DevTools Understanding the Capabilities of Chrome DevTools

• اهمیت اشکال زدایی در مرورگر The Importance of Debugging in the Browser

• سناریوهای بررسی اجمالی و اشکال زدایی پروژه آزمایشی Demo Project Overview and Debugging Scenarios

• بررسی موارد ممکن با Chrome DevTools Exploring What's Possible with Chrome DevTools

بررسی و ویرایش صفحات وب Examining and Editing Web Pages

• درک تفاوت بین HTML و DOM Understanding the Difference between HTML and the DOM

• با استفاده از پانل عناصر برای پیدا کردن و اصلاح موارد در DOM Using the Elements Panel to Find and Modify Items in the DOM

• عیب یابی و اصلاح سبک های CSS Troubleshooting and Modifying CSS Styles

• ذخیره تغییرات در پرونده ها با فضای کاری Saving Changes to Files with Workspaces

• استفاده از حالت دستگاه برای تقلید از چندین دستگاه Using Device Mode to Emulate Multiple Devices

با استفاده از کنسول Using the Console

• درک ، پیمایش و ایجاد پیام های ورود به سیستم Understanding, Navigating, and Creating Log Messages

• اشکال زدایی با Console API Debugging with the Console API

• اجرای جاوا اسکریپت و استفاده از API Utilities Running JavaScript and Using the Utilities API

• ایجاد و نظارت بر بیان زنده Creating and Monitoring a Live Expression

اشکال زدایی از JavaScript Debugging JavaScript

• درک و استفاده از پنل منابع Understanding and Using the Sources Panel

• ایجاد نقاط شکست و گام برداشتن در کد Creating Breakpoints and Stepping through Code

• استفاده از Source Source برای رفع اشکال کد پیش پردازش شده Using Source Maps to Debug Preprocessed Code

• ایجاد و استفاده از اسنیپت ها Creating and Using Snippets

مشاهده ارتباطات شبکه و داده های محلی Viewing Network Communication and Local Data

• استفاده از پانل شبکه برای بررسی ارتباطات سرور Using the Network Panel to Inspect Server Communication

• مشاهده و ویرایش اطلاعات ذخیره سازی محلی Viewing and Editing Local Storage Data