DevTools
"أدوات مطوري البرامج في Chrome" هي مجموعة من أدوات مطوّري البرامج على الويب المُدمَجة مباشرةً في متصفّح Google Chrome. تتيح لك أدوات مطوّري البرامج تعديل الصفحات بشكل فوري وتشخيص المشاكل بسرعة، ما يساعدك في إنشاء مواقع إلكترونية أفضل بشكل أسرع.
تصحيح الأخطاء باستخدام الذكاء الاصطناعي
ابتكارات الذكاء الاصطناعي
يمكن لـ Gemini مساعدتك في تحليل أسلوب موقعك الإلكتروني وشبكته ومصادره وأدائه وتحسينها. الحصول على مساعدة بشأن أخطاء وحدة التحكّم واقتراحات الرموز البرمجية في لوحتَي "وحدة التحكّم" و"المصادر"
DevTools MCP
امنح وكلاء الترميز الأدوات الموثوقة نفسها التي تستخدمها لفحص نشاط الشبكة وتسجيل عمليات التتبُّع وتحديد المشاكل في تطبيقات الويب وحلّها، وذلك ضمن سير عمل الذكاء الاصطناعي.
اربط خادم بروتوكول سياق النموذج (MCP) في "أدوات مطوّري البرامج في Chrome" بالأداة التي تختارها، مثل Gemini CLI وClaude Code وCline وCopilot وغيرها.
فهم الأداء
الحصول على نظرة شاملة وقابلة للتنفيذ على أداء صفحتك
فحص الموارد
تعرَّف على كيفية فحص الموارد التي تحمّلها صفحتك وتعديلها من المتصفّح.
تحليل الشبكة
تحليل طلبات الشبكة والردود عليها واستبدالها أثناء التنقل
نصائح حول أدوات المطوّرين
استكشِف سلسلة الفيديوهات الشهرية التي تشرح لك سيناريوهات تصحيح الأخطاء الشائعة في "أدوات مطوّري البرامج" بطريقة مسلّية.
جلسة "استراحة لتحسين الأداء"
يمكنك الاطّلاع على جولة في "لوحة الأداء" المعدَّلة، والتي توضّح لك كيفية قياس مؤشرات Core Web Vitals (سرعة عرض أكبر محتوى مرئي (LCP) ومتغيّرات التصميم التراكمية (CLS) ومدى استجابة الصفحة لتفاعلات المستخدم (INP)) وكيفية الحصول على نصائح مخصّصة من Gemini.
Pixel Pirate
انطلِق في رحلة بحرية مع "أدوات مطوّري البرامج" وكن قرصانًا ماهرًا في تصحيح الأخطاء. تعرَّف على تقنيات لمحاكاة أنماط التركيز واختبار النماذج باستخدام ميزة "الملء التلقائي" وحلّ أخطاء الخلفية باستخدام عمليات إلغاء الشبكة.
ابتكارات الذكاء الاصطناعي
استكشِف إمكانات تصحيح الأخطاء المستند إلى الذكاء الاصطناعي باستخدام Chrome DevTools. تعرَّف على كيف يمكن أن تساعدك "إحصاءات Console" و"مساعدة الذكاء الاصطناعي" في ما يتعلّق بالتصميم والأداء والشبكة والمصادر في تعزيز سير عملك.
تحليل متقدّم للشبكة باستخدام "أدوات مطوّري البرامج في Chrome"
استكشِف تقنيات متقدّمة في "لوحة الشبكة"، بما في ذلك كيفية العثور على المؤثّرات السلبية في الأداء وتصحيح أخطاء النوافذ المنبثقة وإعداد حالات الشبكة واستخدام الاختصارات لتحديد الجهات التي بدأت طلبات الشبكة وغير ذلك.
الحصول على إحصاءات الأداء
مجموعة كبيرة من الأدوات لمساعدتك في قياس جوانب مختلفة من أداء وقت التشغيل وتحسينها: لوحة "الأداء" وLighthouse والمزيد
الأخبار والتحديثات
فحص الموارد وتعديلها
مرجع الميزات
تعرَّف على جميع الميزات في لوحة "المصادر": كيفية عرض الملفات وتعديلها وتصحيح أخطاء JavaScript وإعداد مساحة عمل.
إعداد مساحة عمل
يتيح لك Workspace حفظ التغييرات التي تجريها في "أدوات مطوّري البرامج في Chrome" في رمز المصدر المخزّن على جهاز الكمبيوتر. تعرَّف على كيفية إعداد مساحة عمل في مشاريعك.
تحليل نشاط الشبكة
لوحة الشبكة
تعرَّف على جميع الميزات في لوحة "الشبكة": فحص محتوى الاستجابة والطلب، وإعادة كتابة العناوين، وغير ذلك.
فحص نشاط الشبكة
دليل تعليمي عملي لإرشادك خلال المهام الشائعة داخل لوحة "الشبكة"
مزيد من الأدوات
استكشِف جميع الميزات والإمكانات الأخرى في "أدوات المطوّرين".