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

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

استكشِف كيف تتيح لك التقنيات المبتكرة المستندة إلى الذكاء الاصطناعي في "أدوات المطوّرين" إنجاز المزيد من المهام بشكل أسرع.
يمكنك الاستعانة بخدمة Gemini لتحليل أسلوب موقعك الإلكتروني وشبكته ومصادر بياناته وأدائه وتحسينها.
استخدِم 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.
يمكنك عرض المعلومات وتصحيح أخطاء مشغّلات الوسائط لكل علامة تبويب في المتصفّح.
محاكاة أجهزة الاستشعار في الأجهزة
يمكنك محاكاة أدوات المصادقة.