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

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

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

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

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

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

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

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

فتح لوحة "العناصر" لفحص نموذج العناصر في المستند (DOM) أو CSS

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

تفتح "أدوات مطوري البرامج" لوحة العناصر وتختار العنصر في شجرة نموذج العناصر في المستند (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 قيد التشغيل.

   نقطة رئيسية: لا تعمل هذه العلامة إلا مع أول نسخة افتراضية من Chrome تفتحها. إذا لم تتمكن من ذلك، على سبيل المثال، على نظام التشغيل Windows، احرص على إنهاء أي عمليات 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.

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

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

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

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