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

Kayce Basques
Jecelyn Yeen
Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

تفتح أدوات مطوّري البرامج لوحة Elements وتختار العنصر في شجرة نموذج العناصر في المستند. في لوحة الأنماط، يمكنك الاطّلاع على قواعد 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.
  • يحدّد المفتاح I خيارك.

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

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

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

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

شغِّل متصفِّح 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.

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

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

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