"أدوات مطوري البرامج في Chrome" هي مجموعة من أدوات مطوّري البرامج على الويب المُدمَجة مباشرةً في متصفّح Google Chrome. تتيح لك أدوات مطوّري البرامج تعديل الصفحات بشكل فوري وتشخيص المشاكل بسرعة، ما يساعدك في إنشاء مواقع إلكترونية أفضل بشكل أسرع.
البدء ملاحظات حول الإصدار

تصحيح الأخطاء باستخدام الذكاء الاصطناعي

استكشِف كيف تتيح لك الابتكارات المستندة إلى الذكاء الاصطناعي في DevTools إنجاز المزيد من المهام بشكل أسرع. استخدِم بروتوكول سياق النموذج (MCP) في "أدوات مطوّري البرامج في Chrome" لربط إمكانات "أدوات مطوّري البرامج" بأدوات الترميز المفضّلة لديك.
يمكن لـ Gemini مساعدتك في تحليل أسلوب موقعك الإلكتروني وشبكته ومصادره وأدائه وتحسينها. الحصول على مساعدة بشأن أخطاء وحدة التحكّم واقتراحات الرموز البرمجية في لوحتَي "وحدة التحكّم" و"المصادر"
استكشاف ابتكارات الذكاء الاصطناعي
امنح وكلاء الترميز الأدوات الموثوقة نفسها التي تستخدمها لفحص نشاط الشبكة وتسجيل عمليات التتبُّع وتحديد المشاكل في تطبيقات الويب وحلّها، وذلك ضمن سير عمل الذكاء الاصطناعي.

اربط خادم بروتوكول سياق النموذج (MCP) في "أدوات مطوّري البرامج في Chrome" بالأداة التي تختارها، مثل Gemini CLI وClaude Code وCline وCopilot وغيرها.

مزيد من المعلومات على GitHub
الحصول على نظرة شاملة وقابلة للتنفيذ على أداء صفحتك
تعرَّف على كيفية فحص الموارد التي تحمّلها صفحتك وتعديلها من المتصفّح.
تحليل طلبات الشبكة والردود عليها واستبدالها أثناء التنقل

نصائح حول أدوات المطوّرين

استكشِف سلسلة الفيديوهات الشهرية التي تشرح لك سيناريوهات تصحيح الأخطاء الشائعة في "أدوات مطوّري البرامج" بطريقة مسلّية.
يمكنك الاطّلاع على جولة في "لوحة الأداء" المعدَّلة، والتي توضّح لك كيفية قياس مؤشرات Core Web Vitals (سرعة عرض أكبر محتوى مرئي (LCP) ومتغيّرات التصميم التراكمية (CLS) ومدى استجابة الصفحة لتفاعلات المستخدم (INP)) وكيفية الحصول على نصائح مخصّصة من Gemini.
انطلِق في رحلة بحرية مع "أدوات مطوّري البرامج" وكن قرصانًا ماهرًا في تصحيح الأخطاء. تعرَّف على تقنيات لمحاكاة أنماط التركيز واختبار النماذج باستخدام ميزة "الملء التلقائي" وحلّ أخطاء الخلفية باستخدام عمليات إلغاء الشبكة.
استكشِف إمكانات تصحيح الأخطاء المستند إلى الذكاء الاصطناعي باستخدام Chrome DevTools. تعرَّف على كيف يمكن أن تساعدك "إحصاءات Console" و"مساعدة الذكاء الاصطناعي" في ما يتعلّق بالتصميم والأداء والشبكة والمصادر في تعزيز سير عملك.
استكشِف تقنيات متقدّمة في "لوحة الشبكة"، بما في ذلك كيفية العثور على المؤثّرات السلبية في الأداء وتصحيح أخطاء النوافذ المنبثقة وإعداد حالات الشبكة واستخدام الاختصارات لتحديد الجهات التي بدأت طلبات الشبكة وغير ذلك.

الحصول على إحصاءات الأداء

مجموعة كبيرة من الأدوات لمساعدتك في قياس جوانب مختلفة من أداء وقت التشغيل وتحسينها: لوحة "الأداء" وLighthouse والمزيد
تعرَّف على جميع الميزات في لوحة "الأداء": كيفية تسجيل تتبع الأداء وكيفية عرض التتبّع وتحليله وغير ذلك.
تعرَّف على ميزات DevTools الجديدة، مثل معايرة الحدّ من سرعة وحدة المعالجة المركزية لمساعدتك في اتّخاذ قرارات تصحيح أخطاء الأداء استنادًا إلى بيانات من العالم الواقعي.
تعرَّف على إحصاءات الأداء الجديدة ومدى فعالية Lighthouse مباشرةً في لوحة "الأداء" في أدوات مطوّري البرامج.

الأخبار والتحديثات

فحص الموارد وتعديلها

تعرَّف على جميع الميزات في لوحة "المصادر": كيفية عرض الملفات وتعديلها وتصحيح أخطاء JavaScript وإعداد مساحة عمل.
البدء
يتيح لك Workspace حفظ التغييرات التي تجريها في "أدوات مطوّري البرامج في Chrome" في رمز المصدر المخزّن على جهاز الكمبيوتر. تعرَّف على كيفية إعداد مساحة عمل في مشاريعك.
قراءة الدليل التعليمي

تحليل نشاط الشبكة

تعرَّف على جميع الميزات في لوحة "الشبكة": فحص محتوى الاستجابة والطلب، وإعادة كتابة العناوين، وغير ذلك.
البدء
دليل تعليمي عملي لإرشادك خلال المهام الشائعة داخل لوحة "الشبكة"
قراءة الدليل التعليمي

مزيد من الأدوات

استكشِف جميع الميزات والإمكانات الأخرى في "أدوات المطوّرين".
تعرَّف على كيفية عرض DOM لإحدى الصفحات وتغييره.
مزيد من المعلومات حول كيفية عرض خدمة مقارنة الأسعار (CSS) الخاصة بالصفحة وتغييرها
تتبّع التغييرات في HTML وCSS وJavaScript
تسجيل الرسائل وتشغيل JavaScript.
تقييم أداء الموقع الإلكتروني.
يمكنك العثور على مشاكل الذاكرة التي تؤثر في أداء الصفحة، بما في ذلك تسرُّب الذاكرة وغير ذلك.
افحص تطبيقات الويب وعدِّلها وصحح أخطائها، واختبِر ذاكرة التخزين المؤقت، وعرض مساحة التخزين، وغير ذلك.
فحص الرسوم المتحركة وتعديلها.
تسجيل تدفقات المستخدم وإعادة تشغيلها وقياس خطواتها.
تعرَّف على مجموعة من الخيارات التي تؤثّر في عرض محتوى الويب.
فحص العناوين المحفوظة وتصحيح الأخطاء فيها
العثور على المشاكل المتعلّقة بموقعك الإلكتروني وحلّها
تأكَّد من أنّ الصفحة محمية بالكامل باستخدام HTTPS.
يمكنك عرض المعلومات وتصحيح أخطاء مشغّلات الوسائط لكل علامة تبويب في المتصفّح.
محاكاة أجهزة الاستشعار في الأجهزة
يمكنك محاكاة أدوات المصادقة.