موضوع مقاله: ابزارهای توسعه وب | مخاطب: عمومی | لحن: دانشنامه‌ای | ساختار: عنوان، مقدمه، 3 بخش، جمع‌بندی | مقاله: | # ابزارهای توسعه وب | مقدمه: آنها با سازندگان وب سایت و محیط های توسعه یکپارچه (IDE) متفاوت هستند زیرا به ایجاد مستقیم یک صفحه وب کمک نمی کنند، بلکه ابزارهایی هستند که برای آزمایش رابط کاربری یک وب سایت یا برنامه وب استفاده می شوند.. | ## بخش 1: ابزارهای توسعه وب | ابزارهای توسعه وب به عنوان افزونه های مرورگر یا ویژگی های داخلی در مرورگرهای وب مدرن ارائه می شوند. مرورگرهایی مانند گوگل کروم ، فایرفاکس ، سافاری ، مایکروسافت اج و اپرا دارای ابزارهای داخلی برای کمک به توسعه دهندگان وب هستند و بسیاری از افزونه های اضافی را می توان در مراکز دانلود افزونه مربوطه آنها یافت. ابزارهای توسعه وب به توسعه دهندگان اجازه می دهد تا با انواع فناوری های وب، از جمله HTML ، CSS ، DOM ، جاوا اسکریپت ، و سایر اجزایی که توسط مرورگر وب مدیریت می شوند، کار کنند. تاریخچه و پشتیبانی توسعه دهندگان اولیه وب به صورت دستی وب سایت های خود را با اظهار نظر کد و استفاده از توابع جاوا اسکریپت اشکال زدایی می کردند . یکی از اولین ابزارهای اشکال زدایی مرورگر که وجود داشت افزونه فایرباگ موزیلا بود که دارای بسیاری از ویژگی های اصلی کنونی ابزارهای توسعه دهنده امروزی بود که منجر به محبوبیت فایرفاکس در بین توسعه دهندگان آن زمان شد. موتور WebKit سافاری نیز ابزارهای توسعه‌دهنده یکپارچه خود را در آن دوره معرفی کرد، که در نهایت مبنایی برای ابزارهای کنونی سافاری و کروم شد. و سپس آنها را از نسخه 8 به بعد در مرورگر ادغام کرد.در سال 2017، موزیلا Firebug را به نفع ابزارهای توسعه‌دهنده یکپارچه متوقف کرد. | ## بخش 2: ابزارهای توسعه وب | امروزه همه مرورگرهای وب مدرن از ابزارهای توسعه دهنده وب پشتیبانی می کنند که به طراحان و توسعه دهندگان وب اجازه می دهد تا به آرایش صفحات خود نگاه کنند. اینها همه ابزارهایی هستند که در مرورگر تعبیه شده اند و نیازی به ماژول یا پیکربندی اضافی ندارند. ماکروسافت اج _ ابزارهای توسعه دهنده وب را باز می کند.مایکروسافت دارای ویژگی های اضافی است که در کروم خط اصلی گنجانده نشده است. امکانات ابزارهای توسعه‌دهنده وب داخلی در مرورگر معمولاً با نگه داشتن ماوس روی یک مورد در یک صفحه وب و انتخاب گزینه "Inspect Element" یا گزینه مشابه از منوی زمینه قابل دسترسی هستند. فایرفاکس، سافاری، کروم و اج همگی به کاربران این امکان را می‌دهند که سند را در دستگاه تلفن همراه با تغییر ابعاد ویوپورت و تراکم پیکسل شبیه‌سازی کنند. ابزارهای توسعه وب همچنین به توسعه دهندگان این امکان را می دهند که اطلاعات مربوط به استفاده از شبکه را مشاهده کنند، مانند مشاهده زمان بارگذاری و استفاده از پهنای باند و هدرهای HTTP که ارسال و دریافت می شوند. پروفایل و حسابرسی نمایه سازی به توسعه دهندگان این امکان را می دهد که اطلاعات مربوط به عملکرد یک صفحه وب یا برنامه وب را دریافت کنند. | ## بخش 3: ابزارهای توسعه وب | با استفاده از این اطلاعات، توسعه دهندگان می توانند عملکرد اسکریپت های خود را بهبود بخشند. ویژگی‌های حسابرسی ممکن است پس از تجزیه و تحلیل یک صفحه، پیشنهاداتی را برای توسعه‌دهندگان برای بهینه‌سازی برای کاهش زمان بارگذاری صفحه و افزایش پاسخ‌دهی ارائه دهد. ابزارهای توسعه وب معمولاً همچنین سابقه ای از زمان لازم برای ارائه صفحه، میزان استفاده از حافظه و انواع رویدادهایی که در حال وقوع هستند را ارائه می دهند. این ویژگی ها به توسعه دهندگان اجازه می دهد تا صفحه وب یا برنامه وب خود را بهینه کنند. بزارهای توسعه وب معمولاً شامل یک پانل اشکال‌زدا برای اسکریپت‌ها می‌شوند که به توسعه‌دهندگان اجازه می‌دهد تا عبارات ساعت، نقاط شکست، پشته تماس را مشاهده کنند، و در حین اشکال‌زدایی جاوا اسکریپت، مکث، ادامه دهند و قدم بگذارند. | ## جمع‌بندی | معمولاً یک کنسول نیز گنجانده شده است که به توسعه دهندگان اجازه می دهد تا دستورات جاوا اسکریپت و توابع فراخوانی را تایپ کنند یا خطاهایی را که ممکن است در حین اجرای یک اسکریپت با آن مواجه شده اند مشاهده کنند.