Developer Tools Shortcuts
اختصارات أدوات المطورين
سنتعرف في هذا الدرس على اختصارات لوحة المفاتيح التي تستخدم في فتح أدوات المطور المختلفة والتي تمكننا من فحص وتحليل مواقع الويب وتصحيح الأخطاء وتطويرها، كما سنتعرف على طريقة استخدامها في أنظمة التشغيل المختلفة (Windows, macOS, Linux).
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
Developer Tools Shortcuts
اختصارات أدوات المطورين
</>
Open Developer Tools
فتح أدوات المطور
- يستخدم هذا الاختصار لفتح نافذة أدوات المطور الكاملة، والتي تتضمن عادةً مجموعة من اللوحات لمهام تطوير الويب المختلفة.
Open Developer Tools (Windows)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على I.
Ctrl + Shift + I
Open Developer Tools (Mac)
يتم ذلك عن طريق الضغط على زري Command + Option والاحتفاظ بهما أثناء الضغط على I.
Command + Option + I
Open Developer Tools (Linux)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على I.
Ctrl + Shift + I
</>
Open the Element Inspector
فتح مفتش العناصر
- يستخدم هذا الاختصار لفتح مفتش العناصر في متصفحات الويب مباشرةً، وهو أداة تستخدم لفحص واستعراض عناصر HTML وCSS التي تُكوِّن صفحة الويب.
تتيح هذه الأداة تحديد عناصر محددة وفحصها على صفحة الويب عن طريق التمرير فوقها أو النقر عليها، فيتم عرض كود HTML وCSS المرتبط بالعنصر المحدد؛ مما يسهل فحص بنية الصفحة وتصميمها ومعالجتها.
Open the Element Inspector (Windows)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على C.
Ctrl + Shift + C
Open the Element Inspector (Mac)
يتم ذلك عن طريق الضغط على زري Command + Option والاحتفاظ بهما أثناء الضغط على C.
Command + Option + C
Open the Element Inspector (Linux)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على C.
Ctrl + Shift + C
</>
Open the JavaScript Console
فتح وحدة تحكم جافا سكريبت
- يستخدم هذا الاختصار لفتح وحدة تحكم جافا سكريبت مباشرةً، وهي أداة تطوير تسمح بالتفاعل مع تعليمات JavaScript البرمجية التي يتم تشغيلها في صفحة ويب أو تطبيق ويب وتصحيح الأخطاء فيها.
Open the JavaScript Console (Windows)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على J.
Ctrl + Shift + J
Open the JavaScript Console (Mac)
يتم ذلك عن طريق الضغط على زري Command + Option والاحتفاظ بهما أثناء الضغط على J.
Command + Option + J
Open the JavaScript Console (Linux)
يتم ذلك عن طريق الضغط على زري Ctrl + Shift والاحتفاظ بهما أثناء الضغط على J.
Ctrl + Shift + J
</>
Summary
الملخص
وفيما يلي ملخص لاختصارات لوحة المفاتيح التي تستخدم في فتح أدوات المطور المختلفة والتي تمكننا من فحص وتحليل مواقع الويب وتصحيح الأخطاء وتطويرها في أنظمة التشغيل المختلفة (Windows, macOS, Linux):
| Usage - الاستخدام | Windows | macOS | Linux |
| Open Developer Tools - فتح أدوات المطور | Ctrl + Shift + I | Command + Option + I | Ctrl + Shift + I |
| Open the Element Inspector - فتح مفتش العناصر | Ctrl + Shift + C | Command + Option + C | Ctrl + Shift + C |
| Open the JavaScript Console - فتح وحدة تحكم جافا سكريبت | Ctrl + Shift + J | Command + Option + J | Ctrl + Shift + J |
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
