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

صوفيا إميليانوفا
صوفيا إميليانوفا

هناك العديد من الطرق لفتح "أدوات مطوّري البرامج في Chrome". اختَر طريقتك المفضّلة من هذا المرجع الشامل.

يمكنك الوصول إلى "أدوات مطوري البرامج" باستخدام واجهة مستخدم Chrome أو لوحة المفاتيح:

بالإضافة إلى ذلك، اطّلِع على كيفية فتح "أدوات مطوّري البرامج" تلقائيًا لكل علامة تبويب جديدة.

فتح "أدوات مطوري البرامج" من قوائم Chrome

إذا كنت تفضّل واجهة المستخدم، يمكنك الوصول إلى "أدوات مطوّري البرامج" من القوائم المنسدلة في Chrome.

فتح لوحة "العناصر" لفحص DOM أو CSS

لفحص عنصر، انقر بزر الماوس الأيمن على عنصر في الصفحة واختَر فحص.

الخيار "فحص" في القائمة المنسدلة في Chrome.

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

عنصر تم اختياره في لوحة "العناصر"

فتح اللوحة الأخيرة التي استخدمتها من قائمة Chrome الرئيسية

لفتح آخر لوحة "أدوات مطوري البرامج"، انقر على الزر قائمة الخيارات الإضافية على يسار شريط العناوين واختَر المزيد من الأدوات > أدوات المطوّرين.

خيار "أدوات المطوّرين" الذي تم تحديده من قائمة الخيارات الإضافية.

بدلاً من ذلك، يمكنك فتح اللوحة الأخيرة باستخدام اختصار. راجِع القسم التالي للحصول على المزيد من المعلومات.

فتح اللوحات باستخدام الاختصارات: "العناصر" أو "وحدة التحكّم" أو اللوحة الأخيرة

إذا كنت تفضّل لوحة المفاتيح، اضغط على اختصار في Chrome حسب نظام التشغيل الذي تستخدمه:

نظام التشغيل العناصر وحدة التحكم اللوحة الأخيرة
نظاما التشغيل Windows أو Linux Ctrl + Shift + C Ctrl + Shift + J F12
Ctrl + Shift + I
نظام التشغيل Mac Cmd + Option + C Cmd + Option + J Fn + F12
Cmd + Option + I

إليك طريقة سهلة لحفظ الاختصارات:

  • يشير الحرف C إلى CSS.
  • J لـ JavaScript.
  • ي يحدّد اختيارك.

يفتح الاختصار C لوحة العناصر في وضع "فحص." كأداة فحص. ويعرض لك هذا الوضع تلميحات مفيدة عند تمرير مؤشر الماوس فوق العناصر في إحدى الصفحات. يمكنك أيضًا النقر على أي عنصر لعرض CSS له في جزء العناصر > الأنماط.

لوحة "العناصر" في وضع "أداة الفحص" مع تلميح.

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

فتح "أدوات مطوري البرامج" تلقائيًا في كل علامة تبويب جديدة

يمكنك تشغيل Chrome من سطر الأوامر وتمرير علامة --auto-open-devtools-for-tabs:

  1. عليك إنهاء أي نسخة افتراضية من Chrome قيد التشغيل.

  2. شغِّل التطبيق الطرفي المفضَّل أو تطبيق سطر الأوامر.

  3. شغِّل الأمر التالي وفقًا لنظام التشغيل الذي تستخدمه:

  • نظام التشغيل MacOS:

    open -a "Google Chrome" --args --auto-open-devtools-for-tabs
    
  • نظام التشغيل Windows:

    start chrome --auto-open-devtools-for-tabs
    
  • أجهزة Linux:

    google-chrome --auto-open-devtools-for-tabs
    

سيتم فتح "أدوات مطوّري البرامج" تلقائيًا لكل علامة تبويب جديدة إلى أن يتم إغلاق Chrome.

ما هي الخطوات التالية؟

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

لمزيد من المعلومات العملية، يُرجى الاطّلاع على كيفية تخصيص "أدوات مطوري البرامج".