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

Kayce Basques
Kayce Basques
Jecelyn Yeen
Jecelyn Yeen
Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

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

افتح 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.

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

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

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