کمک هوش مصنوعی
با Gemini که مستقیماً در Chrome DevTools ادغام شده است، گردش کار توسعه خود را شارژ کنید. اشکال زدایی را با کمک هوش مصنوعی برای استایل، عملکرد، شبکه و منابع ساده کنید.
اولین دستورات را اجرا کنید
با اجرای دستورهای مثال در آموزش تعاملی زیر، احساس Gemini را در ابزار توسعه کروم دریافت کنید.
کمک هوش مصنوعی در چه مواردی می تواند به شما کمک کند
رفع اشکالات یک ظاهر طراحی شده
اشکال زدایی مسائل استایل ممکن است دشوار باشد. توضیح مفصلی از سبک های عنصر خود دریافت کنید و در رفع اشکالات طرح بندی و استایل کمک بگیرید:
Can you center this element?
تجزیه و تحلیل درخواست های شبکه
هدرهای درخواست و پاسخ اغلب حاوی اطلاعات مهمی هستند که در یک نگاه واضح نیستند. از کمک هوش مصنوعی برای حفاری استفاده کنید:
Why does this request fail?
فایل های منبع را درک کنید
به ندرت پیش می آید که همه کدها را در وب سایت خود نوشته باشید - مطمئن نیستید که یک اسکریپت خاص برای چه چیزی استفاده می شود؟ کمک هوش مصنوعی می تواند کمک کند:
What is this file used for?
بررسی عملکرد صفحه
منابع حیاتی وب هسته ضعیف؟ پیدا کردن دلیل اصلی یک وب سایت کند می تواند دشوار باشد. کمک هوش مصنوعی می تواند راه حل هایی را برای شما بررسی و پیشنهاد کند:
Help me optimize my LCP score
به کمک هوش مصنوعی در عمل مراجعه کنید
مطمئن نیستید چگونه شروع کنید؟
اصلاح نسبت ابعاد تصویر
Make all teaser images always be 16:9
یکی از تصاویر مانند بقیه برش داده نشده است؟
- صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
- بخش بیشتر بدانید با تماشا را پیدا کنید و انتخاب کنید.
- روی نماد کمک هوش مصنوعی کلیک کنید.
- درخواست:
Make all teaser images always be 16:9. -
Apply the suggested changeکلیک کنید و ادامه دهید. - دکمه باید در مرکز قرار گیرد.
مشکل سرریز را برطرف کنید
How can I make this element visible?
عنصر قابل مشاهده نیست؟
- صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
- عنصر img غواصی را پیدا کنید.
- روی نماد کمک هوش مصنوعی کلیک کنید.
- درخواست:
How can I make this element visible without scrollbars?. -
Apply the suggested changeکلیک کنید و ادامه دهید. - غواص باید روی صفحه قابل مشاهده باشد.
هدرها را کم رنگ کنید
Are there any security headers present?
برای کسب اطلاعات بیشتر در مورد سرصفحه های امنیتی یک منبع معین...
- صفحه chrome.dev/cinemai/devtools/ را باز کنید و DevTools را باز کنید .
- در پنل شبکه، درخواست‌های
v4-chrome.dev.jsرا انتخاب کنید. - روی نماد کمک هوش مصنوعی کلیک کنید.
- درخواست:
Are there any security headers present? - LLM سرصفحه های مربوط به امنیت در منبع را توضیح خواهد داد.
ایجاد گزارش اشکال
Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results.
مشکلی پیش آمده است؟ به سرعت یک گزارش اشکال دقیق ایجاد کنید.
- DevTools را برای صفحه وب با خطای شبکه باز کنید.
- در پنل Network، درخواست ناموفق را انتخاب کنید.
- روی نماد کمک هوش مصنوعی کلیک کنید.
- درخواست:
Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results. - LLM یک گزارش اشکال ایجاد می کند که می توانید مستقیماً در ردیاب مشکل خود کپی کنید.
شیرجه های عمیق
اشکال زدایی با کمک - DevTool Tips
موارد جدید در DevTools 130-132
شروع به کار
الزامات
انتخاب کنید
داده ها
به ما کمک کن بهتر شویم!
این ویژگی آزمایشی است و در معرض تغییرات بعدی است. ممکن است اطلاعات نادرست یا توهین‌آمیز ایجاد کند که نمایانگر دیدگاه‌های Google نباشد. به پاسخ‌ها رأی دهید تا به ما در بهبود آن کمک کنید و بازخورد را ادامه دهید!