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