DevTools یک پنل کمکی هوش مصنوعی ارائه میدهد که به شما کمک میکند وبسایت خود را درک کنید و با چت کردن با یک عامل هوش مصنوعی، مشکلات را برطرف کنید.
با کمک هوش مصنوعی ، میتوانید استایل ، شبکه ، عملکرد و منابع وبسایت خود را اشکالزدایی کنید.
برای چت کردن موثر با Gemini در پنل دستیار هوش مصنوعی ، یاد بگیرید که چگونه پنل را باز کنید، درخواست دهید و جریان مکالمه را کنترل کنید.
پنل کمک هوش مصنوعی را باز کنید
پنل دستیار هوش مصنوعی در کشو باز میشود.
برای باز کردن پنل، روی دکمهی دستیار هوش مصنوعی که در نقطهی ورود سراسری در سمت راست نوار ابزار اصلی در بالا قرار دارد، کلیک کنید.
همچنین میتوانید با کلیک راست روی یک عنصر یا درخواست و انتخاب «از هوش مصنوعی بپرس» (Ask AI) ، پنل را مستقیماً از پنلهای «عناصر» ، «شبکه» ، «منابع » یا «عملکرد» باز کنید.
از منوی فرمان
برای باز کردن دستیار هوش مصنوعی از منوی فرمان، AI را تایپ کنید و سپس دستور Show AI assistance را اجرا کنید که در کنار آن نشان Drawer قرار دارد.
از منوی «ابزارهای بیشتر»
روش دیگر این است که در گوشه بالا سمت راست، را انتخاب کنید: گزینههای بیشتر > ابزارهای بیشتر > دستیار هوش مصنوعی .
ترغیب
هنگام شروع یک مکالمه جدید، دستیار هوش مصنوعی نمونههایی از سوالات را ارائه میدهد تا به شما در شروع سریع کمک کند.
برای پر کردن فیلد ورودی اطلاعات در پایین پنل، روی هر یک از اعلانها کلیک کنید.
روش دیگر، تایپ کردن سوال یا درخواست خودتان در فیلد ورودی است.
برای ارسال یک پیام، یا Enter فشار دهید یا روی فلش سمت راست فیلد ورودی کلیک کنید.
با استفاده از کادر گفتگوی رایگان، میتوانید سوالات سطح بالاتری مانند «چگونه از devtools برای اشکالزدایی دسترسی استفاده کنیم؟» یا «چه درخواستهای شبکهای کند هستند؟» بپرسید، و همچنین بخشهایی از یک فایل را مثلاً از پنل منابع کپی کرده و در گفتگو جایگذاری کنید تا بپرسید چه کاری انجام میدهد.
کمک هوش مصنوعی برای استایلدهی
از پنل پشتیبانی هوش مصنوعی برای استایلدهی استفاده کنید تا طرح کلی وبسایت، استایلهای عناصر خاص را درک کنید و اصلاحات تولید شده توسط هوش مصنوعی برای اشکالات CSS را دریافت کنید.
دستیار هوش مصنوعی را از پنل Elements باز کنید
برای باز کردن دستیار هوش مصنوعی از پنل Elements ، هنگام بررسی یک گره DOM ، روی گره کلیک راست کرده و گزینه Ask AI را انتخاب کنید.
وقتی دستیار هوش مصنوعی را به این شکل باز میکنید، عنصر DOM بررسیشده از قبل به عنوان عنصر زمینه برای مکالمه انتخاب شده است.
روش دیگر، کلیک بر روی دکمه شناور متصل به یک گره DOM معلق در هوا است.
زمینه مکالمه
چتها با کمک هوش مصنوعی همیشه به عنصر مورد بررسی فعلی مربوط میشوند، که آخرین عنصر انتخاب شده در درخت DOM پنل عناصر است. ارجاعی به این عنصر در گوشه پایین سمت چپ پنل نشان داده شده است.
با استفاده از انتخابگر عنصر کنار عنصر فعلی یا با انتخاب از درخت DOM پنل عناصر، زمینه را تغییر دهید.
با انتخاب زمینه، میتوانید از صفحه نمایش اسکرینشات بگیرید و آن را در چت خود ارسال کنید. روی دکمه «گرفتن اسکرینشات در کنار فیلد ورودی چت کلیک کنید.
شما میتوانید از اسکرینشاتها برای ارائه زمینه بصری بیشتر به درخواستهای خود استفاده کنید، برای مثال، برای بررسی اینکه آیا همه دکمههای قابل مشاهده فاصله یکسانی دارند یا خیر.
در حالی که عنصر مورد بررسی فعلی، اساس گفتگو است، دستیار هوش مصنوعی به تمام APIهای وب دسترسی دارد تا اطلاعات بیشتری از صفحه مورد بررسی جمعآوری کند. این شامل پرسوجو از عناصر دیگر با document.querySelector یا ارزیابی سبکهای محاسبهشده میشود.
کمک هوش مصنوعی برای شبکه
از پنل کمک هوش مصنوعی برای شبکه استفاده کنید تا درخواستهای ارسالی از وبسایت خود را درک کنید.
دستیار هوش مصنوعی را از پنل شبکه باز کنید
برای باز کردن دستیار هوش مصنوعی از پنل شبکه ، روی یک درخواست کلیک راست کرده و گزینه «از هوش مصنوعی بپرسید» را انتخاب کنید.
وقتی دستیار هوش مصنوعی را به این شکل باز میکنید، درخواست شبکه انتخابشده از قبل به عنوان زمینه مکالمه انتخاب میشود.
روش دیگر این است که روی دکمه شناور کنار درخواست شبکهای که نشانگر ماوس را روی آن نگه داشتهاید، کلیک کنید.
زمینه مکالمه
گفتگوها با کمک هوش مصنوعی مربوط به درخواست شبکهای است که در حال حاضر در لیست درخواستهای پنل شبکه انتخاب شده است. ارجاع به این درخواست در گوشه پایین سمت چپ پنل نشان داده شده است.
با کلیک روی درخواست دیگری در پنل شبکه، زمینه را تغییر دهید.
دستیار هوش مصنوعی از URL درخواست، هدرها، زمانبندیها و زنجیره آغازگر درخواست برای پاسخ به سوالات شما استفاده میکند.
مهم: سرصفحههایی که ممکن است حاوی اطلاعات حساس باشند، بهطور خودکار حذف میشوند.
پس از شروع مکالمه، برای مشاهده دادههای خام مورد استفاده توسط دستیار هوش مصنوعی ، روی دکمه باز کردن » در تراشه Analyzing network data کلیک کنید.
کمک هوش مصنوعی برای عملکرد
از پنل کمکی هوش مصنوعی برای عملکرد استفاده کنید تا پروفایلهای عملکرد ثبتشده در پنل عملکرد را درک کنید.
دستیار هوش مصنوعی را از پنل عملکرد باز کنید
برای باز کردن دستیار هوش مصنوعی از پنل عملکرد ، ابتدا یک پروفایل عملکرد ثبت کنید .
بسته به آنچه میخواهید بررسی کنید، میتوانید پنل **کمک هوش مصنوعی** را از بینشهای عملکرد فردی یا برای فعالیتها در نمای ردیابی عملکرد باز کنید.
بینشهای عملکرد
در برگه Insights ، یک Insight باز کنید، مثلاً **LCP by phase و سپس روی دکمه Ask AI** کلیک کنید .
DevTools پنل دستیار هوش مصنوعی را با این بینش عملکردی که از قبل به عنوان زمینه گفتگو انتخاب شده است، باز میکند.
نمای ردیابی عملکرد
برای باز کردن دستیار هوش مصنوعی از نمای ردیابی، روی یک فعالیت کلیک راست کرده و گزینه «از هوش مصنوعی بپرسید» را انتخاب کنید.
در این حالت، این فعالیت از قبل به عنوان زمینهای برای گفتگو انتخاب شده است.
زمینه مکالمه
فعالیت اجرایی انتخابشده به عنوان زمینهای برای مکالمه شما با دستیار هوش مصنوعی استفاده میشود. ارجاع به این فعالیت در گوشه پایین سمت چپ پنل نشان داده شده است.
بینشهای عملکرد
اگر برای یک بینش عملکردی خاص روی «از هوش مصنوعی بپرسید» کلیک کرده باشید، این بینش را به عنوان یک زمینه انتخاب شده مشاهده خواهید کرد. میتوانید برای تغییر انتخاب خود، در بخش «سایر بینشها» روی «از هوش مصنوعی بپرسید» کلیک کنید.
پس از شروع مکالمه، بخش Analyzing insight: ... را باز کنید تا دادههای خام مورد استفاده توسط دستیار هوش مصنوعی را مشاهده کنید.
نمای ردیابی
شما میتوانید موارد مختلفی را در ردیابی عملکرد انتخاب کنید و متن بر اساس آن تغییر خواهد کرد.
دستیار هوش مصنوعی از زمانبندیهای موجود در درخت تماس انتخابشده برای پاسخ به درخواست شما استفاده میکند.
پس از شروع مکالمه، روی دکمه در تراشه Analyzing call tree کلیک کنید تا دادههای خام مورد استفاده توسط دستیار هوش مصنوعی را مشاهده کنید.
کمک هوش مصنوعی برای منابع
از پنل کمک هوش مصنوعی برای منابع استفاده کنید تا فایلهای بارگذاری شده و مورد استفاده وبسایت خود را بشناسید.
دستیار هوش مصنوعی را از پنل منابع باز کنید
برای باز کردن دستیار هوش مصنوعی از پنل منابع ، روی یک فایل کلیک راست کرده و گزینه «از هوش مصنوعی بپرسید» را انتخاب کنید.
وقتی دستیار هوش مصنوعی را به این شکل باز میکنید، فایل انتخابشده از قبل به عنوان زمینه مکالمه انتخاب میشود.
روش دیگر، کلیک روی دکمه شناور هنگام نگه داشتن ماوس روی یک فایل است.
زمینه مکالمه
فایل انتخاب شده به عنوان زمینه برای مکالمه شما با دستیار هوش مصنوعی استفاده میشود. ارجاعی به این فایل در گوشه پایین سمت چپ پنل نشان داده شده است.
با کلیک روی فایل دیگری در پنل منابع، زمینه را تغییر دهید.
دستیار هوش مصنوعی با استفاده از نام فایل انتخاب شده، آدرس اینترنتی (URL)، نقشه منبع (در صورت وجود) و محتوای آن، به سوالات شما پاسخ میدهد.
پس از شروع مکالمه، برای مشاهده دادههای خام مورد استفاده توسط دستیار هوش مصنوعی ، روی دکمه در تراشه Analyzing file کلیک کنید.
جریان مکالمه
ارسال یک اعلان، مکالمه با عامل استایلدهی را آغاز میکند. برای دریافت اطلاعات مورد نیاز برای پاسخدهی بهتر به اعلان شما، عامل، جاوا اسکریپتی را تولید و اجرا میکند که APIهای وب را فراخوانی میکند. پیشرفت عامل به صورت مرحلهای نشان داده میشود. وضعیت مرحله اولیه، Investigating…
برچسب مرحله با انجام اقدامات خاصتر توسط عامل برای حل سوال شما، بهروزرسانی میشود.
هنگامی که کارشناس به پاسخ نهایی رسید، پاسخ در زیر مراحل تحقیق نمایش داده میشود، از جمله پیشنهادهایی برای پیگیریهای بعدی.
برای ادامه مکالمه روی هر یک از گزینههای پیشنهادی کلیک کنید.
یک گام تحقیقاتی برای درک بهتر از آنچه دستیار هوش مصنوعی در پشت صحنه انجام میداد.
وقتی یک تراشه پیشرفت را باز میکنید، کدی را که عامل اجرا کرده است، همراه با مقدار بازگشتی آن مشاهده میکنید. کد اجرا شده را برای استفاده بیشتر، مانند اجرای آن با پنل Console ، کپی کنید.
مکالمات متوقف شده
دستیار هوش مصنوعی ممکن است کدی با عوارض جانبی تولید کند. وقتی این اتفاق میافتد، مکالمه قبل از اجرای کد متوقف میشود.
وقتی مکالمه متوقف شد، کد پیشنهادی عامل را بررسی کنید. برای ادامه روی یا برای جلوگیری از اجرا روی Cancel کلیک کنید.
تغییرات را در فضای کاری خود ذخیره کنید
با یک پوشه فضای کاری متصل ، میتوانید تغییرات سبک پیشنهادی توسط دستیار هوش مصنوعی را در فایلهای منبع CSS در رایانه خود ذخیره کنید.
برای انجام این کار:
ابتدا، یک فایل متادیتا ایجاد کنید و یک پوشه فضای کاری را به آن متصل کنید .
روش دیگر، میتوانید پوشه را به صورت دستی اضافه کنید .
از پنل Elements یک چت شروع کنید.
برای تغییر CSS خود، از هوش مصنوعی کمک بگیرید.
دستیار هوش مصنوعی ممکن است کدی تولید کند و اجرا را متوقف کند . کد را مرور کنید و برای آزمایش تغییرات به صورت زنده، روی ادامه کلیک کنید.
بخش تغییرات ذخیره نشده را باز کنید و روی اعمال به فضای کاری کلیک کنید.
تغییرات را در یک
diffمرور کنید و روی ذخیره همه کلیک کنید.
برای یادگیری این روش کار، به ادامه مطلب مراجعه کنید:
پاسخی داده نشد
ممکن است به دلایل مختلف، دستیار هوش مصنوعی پاسخی ارائه ندهد.
اگر فکر میکنید درخواست شما موضوعی است که دستیار هوش مصنوعی باید بتواند در مورد آن بحث کند، یک اشکال (bug) ثبت کنید .
تاریخچه مکالمه
به محض اینکه مکالمهای را شروع میکنید، هر پاسخ بعدی بر اساس تعاملات قبلی بین شما و هوش مصنوعی خواهد بود.
دستیار هوش مصنوعی، تاریخچه مکالمات شما را بین جلسات ذخیره میکند، بنابراین میتوانید حتی پس از DevTools یا بارگذاری مجدد کروم به چتهای قبلی خود دسترسی داشته باشید.
برای کنترل سابقه مکالمات خود از کنترلهای گوشه بالا سمت چپ پنل استفاده کنید.
شروع جدید
برای شروع یک مکالمه جدید با متن مکالمه انتخاب شده فعلی، روی دکمه کلیک کنید.
ادامه
برای ادامه دادن به یک مکالمهی قبلی، روی دکمهی کلیک کنید و آن را از منوی زمینه انتخاب کنید.
حذف
برای حذف یک مکالمه از تاریخچه، روی دکمه کلیک کنید.
پاسخها را ارزیابی کنید و بازخورد ارائه دهید
دستیار هوش مصنوعی یک ویژگی آزمایشی است. بنابراین ما به طور فعال به دنبال بازخورد شما هستیم تا بدانیم چگونه میتوانیم کیفیت پاسخ و تجربه کلی را بهبود بخشیم.
به پاسخها رأی دهید
با استفاده از دکمههای «پسندیدن و که در زیر پاسخ قرار دارند، به پاسخ امتیاز دهید.
گزارش پاسخها
برای گزارش محتوای نامناسب، روی دکمه در کنار دکمههای رأیگیری کلیک کنید.