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

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

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

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

• من القوائم المنسدلة في Chrome
• باستخدام الاختصارات المخصّصة التي تفتح العناصر أو وحدة التحكّم أو آخر لوحة استخدمتها.

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

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

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

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

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

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

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

لفتح لوحة "أدوات المطوّرين" الأخيرة، انقر على الزر more_vert على يسار شريط العناوين واختَر المزيد من الأدوات > أدوات المطوّرين.

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

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

إذا كنت تفضل لوحة المفاتيح، فاضغط على اختصار في 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 إلى فتح لوحة العناصر في وضع الفحص ink_selection. يعرض لك هذا الوضع تلميحات مفيدة عند تمرير مؤشر الماوس فوق العناصر في إحدى الصفحات. يمكنك أيضًا النقر على أي عنصر لعرض ملف CSS الخاص به في علامة التبويب العناصر > الأنماط.

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

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

افتح Chrome من سطر الأوامر وأضِف العلامة --auto-open-devtools-for-tabs:

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

   ملاحظة مهمة: لا تعمل هذه العلامة إلا مع أول نسخة من Chrome تفتحها. إذا لم تنجح هذه الطريقة، على سبيل المثال، في نظام التشغيل Windows، احرص على إنهاء أي عمليات Chrome جارية من خلال "إدارة المهام".

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

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.

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

النجاح: تهانينا. لقد نجحت في الاستفادة من ميزات "أدوات مطوري البرامج في Chrome".

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

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