Firebase Studio چند راه مختلف برای اشکال زدایی برنامه شما، مستقیماً از فضای کاری شما ارائه می دهد. برای برنامه های وب و Flutter، یک کنسول وب و Lighthouse مستقیماً در فضای کاری ادغام می شوند. برنامه‌های Flutter پیش‌نمایش‌های اندروید و وب را برای بررسی و آزمایش برنامه شما در حین کدنویسی ارائه می‌دهند.
اشکال‌زدایی غنی‌تر و مبتنی بر نقطه شکست نیز برای اکثر زبان‌های رایج، از طریق کنسول Debug داخلی، و با پسوندهای Debugger از OpenVSX قابل توسعه است. برای اشکال‌زدایی کد وب ظاهری خود (مانند جاوا اسکریپت) مبتنی بر نقطه انفصال، می‌توانید از ابزارهای توسعه‌دهنده داخلی مرورگر خود مانند ابزار توسعه Chrome استفاده کنید.
پیش نمایش برنامه شما
Firebase Studio شامل پیش‌نمایش‌های برنامه‌های درون فضای کاری برای برنامه‌های وب (Chrome) و برنامه‌های Flutter (اندروید، کروم) است. پیش‌نمایش‌های Android و Chrome از بارگذاری مجدد و بازخوانی داغ پشتیبانی می‌کنند و قابلیت‌های کامل شبیه‌ساز را ارائه می‌دهند.
برای کسب اطلاعات بیشتر درباره پیش‌نمایش‌های Firebase Studio ، به پیش‌نمایش برنامه خود مراجعه کنید.
از کنسول وب یکپارچه برای پیش نمایش وب استفاده کنید
کنسول وب یکپارچه به شما کمک می کند مشکلات برنامه خود را مستقیماً از پیش نمایش وب تشخیص دهید. با گسترش نوار در پایین، می توانید به کنسول وب در پانل پیش نمایش وب Firebase Studio دسترسی پیدا کنید.
توجه داشته باشید که این ویژگی آزمایشی است و به طور پیش فرض فعال نیست. برای روشن کردن آن، این مراحل را دنبال کنید و پس از امتحان بازخورد خود را به اشتراک بگذارید :
کنسول وب را به فضای کاری Firebase Studio خود اضافه کنید:
- تنظیمات را با کلیک کردن روی یا فشار دادن
Ctrl + ,(در Windows/Linux/ChromeOS) یاCmd + ,(در MacOS) باز کنید. - تنظیمات Firebase Studio : Web Dev Tools را پیدا کرده و آن را فعال کنید. اگر فایل
settings.jsonخود را مستقیماً ویرایش می‌کنید، می‌توانید"IDX.webDevTools": true. - برای بارگیری مجدد فضای کاری Firebase Studio خود، پنجره مرورگر خود را بازخوانی کنید.
- تنظیمات را با کلیک کردن روی یا فشار دادن
باز کردن پیش‌نمایش وب در Firebase Studio : پالت فرمان (
Cmd+Shift+Pدر Mac یاCtrl+Shift+Pدر ChromeOS، Windows یا Linux) را باز کنید و Firebase Studio را انتخاب کنید: نمایش پیش‌نمایش وب .پانل کنسول وب به طور پیش فرض در پانل پیش نمایش وب به حداقل می رسد. روی نوار کلیک کنید یا آن را به سمت بالا بکشید تا بزرگ شود.
پانل کنسول وب در پیش‌نمایش وب Firebase Studio مشابه کنسول‌های دیگر، مانند کنسول موجود در Chrome DevTools ، کار می‌کند:
- هنگام استفاده از برنامه خود، خطاهای جاوا اسکریپت و عبارات
console.logدر آنجا ظاهر می شوند.- برای خطاها و هشدارها، می‌توانید با انتخاب دکمه Understand this error در سمت راست پیام خطا، از Gemini کمک بگیرید.
- شما می توانید جاوا اسکریپت دلخواه را در زمینه پیش نمایش وب خود با استفاده از نوار اعلان در پایین ارزیابی کنید.
Lighthouse را برای پیش نمایش وب اجرا کنید
Lighthouse برنامه شما را بر اساس دسته بندی های ممیزی خاصی که انتخاب می کنید ممیزی می کند و گزارشی را با یافته ها و پیشنهادها برمی گرداند. می‌توانید گزارش‌های Lighthouse را مستقیماً از پیش‌نمایش وب در Firebase Studio اجرا کنید.
باز کردن پیش‌نمایش وب در Firebase Studio : پالت فرمان را باز کنید (
Cmd+Shift+Pدر Mac یاCtrl+Shift+Pدر ChromeOS، Windows یا Linux) Firebase Studio را انتخاب کنید: نمایش پیش‌نمایش وب .را کلیک کنید
نماد Lighthouse را از نوار ابزار پیش نمایش وب اجرا کنید . 
در پنل Lighthouse، دسته بندی های ممیزی را که می خواهید انتخاب کنید. شما می توانید از میان گزارش های حسابرسی عملکرد ، دسترسی ، مطابقت با بهترین شیوه ها ، سئو و عملکرد برنامه وب پیشرو انتخاب کنید. برای تولید گزارش ها روی آنالیز صفحه کلیک کنید.تولید گزارش ها ممکن است چند دقیقه طول بکشد.
پس از اینکه گزارش ها در پانل Lighthouse ظاهر شدند، می توانید یافته های هر دسته حسابرسی را بررسی کنید، یا با کلیک روی امتیاز و نام دسته، بین دسته های حسابرسی جابجا شوید.
از کنسول Debug استفاده کنید
Firebase Studio شامل Debug Console داخلی از Code OSS است. از این کنسول برای اشکال‌زدایی برنامه خود با اشکال‌زدایی‌های خارج از جعبه برای اکثر زبان‌های برنامه‌نویسی رایج استفاده کنید یا یک برنامه افزودنی اشکال‌زدایی از OpenVSX اضافه کنید.
برای سفارشی کردن تجربه اشکال زدایی، می توانید یک فایل .vscode/launch.json را نیز به فضای کاری خود اضافه کنید و پیکربندی های راه اندازی سفارشی را مشخص کنید. در مورد استفاده از فایل های پیکربندی راه اندازی برای سفارشی کردن اشکال زدایی در پیکربندی اشکال زدایی کد ویژوال استودیو بیشتر بیاموزید.
اشکال زدایی با Gemini
می توانید از Gemini در Firebase استفاده کنید تا به شما کمک کند کد خود را با چت در فضای کاری Code یا App Prototyping agent اشکال زدایی کنید.
در حالی که Gemini می تواند برای شما کد بنویسد، ممکن است گاهی اوقات خطا نیز ایجاد کند. وقتی خطایی را تشخیص داد، سعی می کند آن را برطرف کند. اگر متوجه شدید که با توجه به پیام خطا نمی تواند مشکل را حل کند، می توانید برخی از تکنیک های زیر را امتحان کنید:
مشکل را شرح دهید: در رابط چت، مشکلی را که با آن روبرو می شوید تا حد امکان واضح و مختصر شرح دهید. در حالی که Gemini ممکن است به زمینه هایی مانند پیام های خطا و گزارش ها دسترسی داشته باشد، ممکن است متن کامل را درک نکند. توصیف رفتار همراه با پیام خطا می تواند به Gemini کمک کند تا خطاها را سریعتر برطرف کند.
سوالات خاص بپرسید: از پرسیدن سوالات مستقیم Gemini در مورد کد خود نترسید. به عنوان مثال، "چه چیزی می تواند باعث استثنای اشاره گر تهی در این تابع شود؟" یا "چگونه می توانم از این شرایط مسابقه جلوگیری کنم؟"
مشکلات پیچیده را تجزیه کنید: اگر با یک مسئله پیچیده سر و کار دارید، آن را به بخش های کوچکتر و قابل مدیریت تقسیم کنید. از Gemini بخواهید که به شما کمک کند تا هر قسمت را به طور جداگانه اشکال زدایی کنید و گام به گام به مشکلات فکر کنید.
از حصارهای کد استفاده کنید: هنگام به اشتراک گذاری قطعات کد، از حصارهای کد استفاده کنید تا مطمئن شوید که کد به درستی قالب بندی شده است. این امر خواندن و درک کد شما را برای Gemini آسان تر می کند.
تکرار و اصلاح: جمینی ممکن است همیشه در اولین تلاش راه حل عالی ارائه نکند. پاسخ‌ها را مرور کنید، سؤالات روشن‌کننده بپرسید و در صورت نیاز اطلاعات بیشتری ارائه دهید.
از حلقه های درخواستی خودداری کنید: اگر Gemini در یک حلقه گیر کرد یا قادر به پاسخگویی به سؤال شما نیست، سعی کنید درخواست خود را دوباره بیان کنید یا زمینه اضافی را ارائه دهید. گاهی اوقات، فقط بازنویسی سؤال خود می تواند به جوزا کمک کند تا بفهمد چه می پرسید.
اگر بازنویسی درخواست شما حلقه را حل نمی کند، تکنیک های زیر را امتحان کنید:
شروع یک چت جدید: اگر از Gemini در چت Firebase در فضای کاری Code خود استفاده می کنید، یک جلسه گپ جدید را برای بازنشانی زمینه Gemini شروع کنید. این می تواند به رهایی از هرگونه تصور اشتباه یا فرضی که جوزا ممکن است در گفتگوی قبلی داشته باشد کمک کند.
مثال‌های متقابل ارائه کنید: اگر جمینی مفروضات نادرستی می‌کند، مثال‌های متقابل ارائه کنید تا به او در درک رفتار صحیح کمک کنید.