نظرة عامة

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

شاهِد هذا الفيديو للحصول على عروض توضيحية مباشرة لسير العمل الأساسي في "أدوات مطوري البرامج"، بما في ذلك تصحيح أخطاء CSS ونماذج CSS الأوّلية وتصحيح أخطاء JavaScript وتحليل أداء التحميل.

فتح "أدوات مطوري البرامج"

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

  • للعمل مع DOM أو CSS، انقر بزر الماوس الأيمن على عنصر في الصفحة واختَر فحص للانتقال إلى لوحة العناصر. أو اضغط على Command+Option+C (Mac) أو Control+Shift+C (Windows وLinux وChromeOS).
  • للاطّلاع على الرسائل التي تم تسجيلها أو تشغيل JavaScript، اضغط على Command+Option+J (Mac) أو Control+Shift+J (في أنظمة التشغيل Windows وLinux وChromeOS) للانتقال مباشرةً إلى لوحة وحدة التحكم.

يُرجى الاطّلاع على فتح "أدوات مطوري البرامج في Chrome" لمزيد من التفاصيل وسير العمل.

بدء

إذا كنت مطوّر برامج على الويب أكثر خبرة، إليك نقاط البدء المقترَحة للتعرّف على كيفية تحسين أدوات مطوّري البرامج إنتاجيتك:

الاطّلاع على أدوات مطوري البرامج

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

مجموعة محاكاة الأجهزة الجوّالة

تم تفعيل وضع الجهاز في إطار العرض.

محاكاة الأجهزة الجوّالة.

لوحة العناصر

لوحة العناصر.

عرض DOM وCSS وتغييرهما

لوحة وحدة التحكّم

لوحة وحدة التحكم.

يمكنك عرض الرسائل وتشغيل JavaScript من وحدة التحكّم.

لوحة المصادر

لوحة المصادر.

يمكنك تصحيح أخطاء JavaScript، ومواصلة التغييرات التي تم إجراؤها في "أدوات مطوري البرامج" في عمليات إعادة تحميل الصفحات، وحفظ مقتطفات من JavaScript وتشغيلها، وحفظ التغييرات التي تجريها في "أدوات مطوري البرامج" في مصادر محلية.

لوحة الشبكة

لوحة الشبكة.

عرض نشاط الشبكة وتصحيح الأخطاء فيه

لوحة المسجّلة الذكية

لوحة المسجّلة الذكية.

تسجيل تدفقات المستخدم وإعادة تشغيلها وقياسها.

لوحة الأداء

لوحة الأداء

اكتشاف طرق لتحسين أداء التحميل ووقت التشغيل.

لوحة الذاكرة

لوحة الذاكرة

يمكنك العثور على مشاكل الذاكرة التي تؤثر في أداء الصفحة وإصلاحها، مثل تسرُّب الذاكرة.

لوحة التطبيق

تم فتح لوحة التطبيق التي تحتوي على قسم "مشغِّلو الخدمات".

افحص جميع الموارد التي تم تحميلها، بما في ذلك قواعد بيانات IndexedDB أو Web SQL، ومساحة التخزين المحلية والجلسات، وملفات تعريف الارتباط، وذاكرة التخزين المؤقت للتطبيق، والصور، والخطوط، وأوراق الأنماط.

لوحة الأمان

لوحة الأمان.

يمكنك تصحيح أخطاء المحتوى المختلط ومشاكل الشهادات وغيرها.

مشاركة

قدِّم تقارير الأخطاء وطلبات الميزات في Crbug، وهي أداة تتبُّع الأخطاء لدى الفريق الهندسي.

Crbug

إذا كنت تريد تنبيهنا بشأن خطأ أو طلب ميزة ولكن ليس لديك متسع من الوقت، يمكنك إرسال تغريدة إلى @ChromeDevTools. نردّ على رسائلنا ونرسل إشعارات من الحساب بانتظام.

Twitter

للحصول على مساعدة في استخدام أدوات مطوري البرامج، تعد Stack Overflow أفضل قناة.

Stack Overflow

للإبلاغ عن الأخطاء أو طلبات الميزات في مستندات "أدوات مطوري البرامج"، افتح مشكلة GitHub.

مشاكل "مستندات Google"

تمتلك أدوات مطوّري البرامج قناة Slack أيضًا، لكن الفريق لا يراقبها باستمرار.

Slack