آموزش اشکال زدایی وب با FireBug، WebDeveloper و Fiddler

سرفصل ها و درس ها

اشکال زدایی وب Debugging the Web

• معرفی ابزارهای مرورگر Introducing the Browser Tools

• نسخه ی نمایشی: اینترنت اکسپلورر Demo: Internet Explorer

• نسخه ی نمایشی: کروم Demo: Chrome

• نسخه ی نمایشی: فایرفاکس Demo: Firefox

• نسخه ی نمایشی: سافاری Demo: Safari

• مشکلات چیدمان Layout Problems

• نسخه ی نمایشی: نصب Firebug و Web Developer Demo: Installing Firebug and Web Developer

• نسخه ی نمایشی: Firebug - پنل HTML Demo: Firebug - HTML Panel

• نسخه ی نمایشی: Firebug - Layout Viewer Demo: Firebug - Layout Viewer

• نسخه ی نمایشی: Firebug - حالت DOM Demo: Firebug - DOM Mode

• نسخه ی نمایشی: Firebug - Inspection Demo: Firebug - Inspection

• نسخه ی نمایشی: توسعه دهنده وب - Outlining Demo: Web Developer - Outlining

• نسخه ی نمایشی: توسعه دهنده وب - نوار اطلاعات Demo: Web Developer - Information Bar

• خلاصه Summary

اشکال زدایی جاوا اسکریپت Debugging JavaScript

• معرفی Introduction

• خطاهای تالیف Compilation Errors

• مشاهده اسکریپت ها Viewing Scripts

• جستجوی اسکریپت ها Searching Scripts

• نقاط شکست Breakpoints

• راه رفتن از طریق کد Walking Through Code

• ساعت ها و ارزش ها Watches and Values

• پنجره کنسول Console Window

• اسکریپت های پروفایل Profiling Scripts

• خلاصه Summary

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

• معرفی Introduction

• پنل CSS The CSS Panel

• کشف سبک ها Discovering Styles

• اصلاح سبک ها Modifying Styles

• اضافه کردن قوانین Adding Rules

• گردش کار طراحی Design Workflow

• خلاصه Summary

اشکال زدایی شبکه Network Debugging

• معرفی Introduction

• تب Net Firebug The Firebug Net Tab

• مشاهده نتایج Viewing Results

• جستجو و کپی کردن نتایج Searching and Copying Results

• کدهای وضعیت Status Codes

• کش مرورگر Browser Cache

• اشکال زدایی تماس های API Debugging API Calls

• جریان درخواست صفحه Page Request Flow

• ملاحظات عملکرد Performance Considerations

• فیدلر چیست What is Fiddler

• با استفاده از Fiddler Using Fiddler

• خلاصه Summary