DevTools
"أدوات مطوري البرامج في Chrome" هي مجموعة من أدوات مطوّري البرامج على الويب المُدمَجة مباشرةً في متصفّح Google Chrome. تتيح لك أدوات مطوّري البرامج تعديل الصفحات بشكل فوري وتشخيص المشاكل بسرعة، ما يساعدك في إنشاء مواقع إلكترونية أفضل بشكل أسرع.
فتح "أدوات مطوري البرامج"
جميع الطرق التي يمكنك من خلالها فتح "أدوات مطوري البرامج في Chrome"
الميزات الجديدة في "أدوات مطوري البرامج"
ابقَ على اطّلاع بآخر التغييرات في "أدوات مطوري البرامج".
نصائح حول أدوات مطوّري البرامج
سلسلة فيديوهات قصيرة لمساعدتك على تعلُّم الميزات المتوفّرة في "أدوات مطوري البرامج"
الأوامر والاختصارات
إنجاز المهام بسرعة
تنفيذ الأوامر في قائمة الأوامر
فتح قائمة الأوامر وتشغيل الأوامر وفتح الملفات والاطلاع على الإجراءات الأخرى والمزيد.
اختصارات لوحة المفاتيح
مرجع شامل لاختصارات لوحة المفاتيح.
إيقاف JavaScript
يمكنك الاطّلاع على شكل صفحة الويب وسلوكها عند إيقاف JavaScript.
محاكاة الأجهزة الجوّالة باستخدام وضع الجهاز
يمكنك محاكاة الأجهزة لإنشاء مواقع إلكترونية للأجهزة الجوّالة أولاً.
البحث في الموارد التي تم تحميلها
يمكنك العثور على النص في جميع الموارد التي تم تحميلها باستخدام لوحة البحث.
Panels
اكتشِف قوة كل لوحة في "أدوات مطوري البرامج".
العناصر - DOM
تعرَّف على كيفية عرض DOM لإحدى الصفحات وتغييره.
العناصر - CSS
مزيد من المعلومات حول كيفية عرض خدمة مقارنة الأسعار (CSS) الخاصة بالصفحة وتغييرها
وحدة التحكم
تسجيل الرسائل وتشغيل JavaScript.
المصادر
يمكنك عرض الملفات وتعديلها وإنشاء مقتطفات وتصحيح أخطاء JavaScript وإعداد مساحة عمل.
شبكة
تسجيل طلبات الشبكة
الأداء
تقييم أداء الموقع الإلكتروني.
الذاكرة
يمكنك العثور على مشاكل الذاكرة التي تؤثر في أداء الصفحة، بما في ذلك تسرُّب الذاكرة وغير ذلك.
التطبيقات
افحص تطبيقات الويب وعدِّلها وصحح أخطائها، واختبِر ذاكرة التخزين المؤقت، وعرض مساحة التخزين، وغير ذلك.
المسجّلة الذكية
تسجيل تدفقات المستخدم وإعادة تشغيلها وقياس خطواتها.
العرض
تعرَّف على مجموعة من الخيارات التي تؤثّر في عرض محتوى الويب.
للملء التلقائي
فحص العناوين المحفوظة وتصحيح الأخطاء فيها
المشاكل
العثور على المشاكل المتعلّقة بموقعك الإلكت��وني وحلّها
الأمان
تأكَّد من أنّ الصفحة محمية بالكامل باستخدام HTTPS.
أداة فحص الذاكرة
افحص ArrayBuffer أو TypedArray أو DataView في JavaScript، وكذلك WebAssembly وذاكرة تطبيقات Wasm على لغة C++.
حالات الشبكة
تجاهُل سلسلة وكيل المستخدم
حظر طلبات الشبكة
اختبِر موقعك الإلكتروني من خلال حظر طلبات الشبكة.
الوسائط
يمكنك عرض المعلومات وتصحيح أخطاء مشغّلات الوسائط لكل علامة تبويب في المتصفّح.
الصور المتحركة
فحص الرسوم المتحركة وتعديلها.
التغييرات
تتبّع التغييرات في HTML وCSS وJavaScript
التغطية
العثور على رمز JavaScript وCSS غير المستخدَم وتحليله
موارد المطوِّرين
تحقَّق مما إذا كان يتم تحميل خرائط المصدر بنجاح وحمِّلها يدويًا.
نظرة عامة على "خدمة مقارنة الأسعار" (CSS)
تحديد التحسينات المحتمَلة على "صفحات الأنماط المتتالية" (CSS)
منارة
يمكنك تحسين سرعة المواقع الإلكترونية باستخدام لوحة Lighthouse.
إحصاءات الأداء
احصل على إحصاءات قابلة للاستخدام حول أداء موقعك الإلكتروني.
أداة مراقبة الأداء
مراقبة أداء بيئة التشغيل والتحميل
المصدر السريع
يمكنك عرض ملفات المصدر وتعديلها مع الوصول إلى اللوحات الأخرى.
أدوات الاستشعار
محاكاة أجهزة الاستشعار في الأجهزة
WebAudio
عرض مقاييس واجهة برمجة التطبيقات WebAudio API
WebAuthn
يمكنك محاكاة أدوات المصادقة.