لـ Mac Google Chrome Developer Tools

تصحيح أخطاء صفحات الويب وتحريرها باستخدام Chrome DevTools

أدوات مطوري Google Chrome ، والمعروفة أيضًا باسم Chrome DevTools ، هي أدوات متقدمة لتأليف الويب وتصحيح الأخطاء مضمنة في Google Chrome. يستخدم المطورون هذه الأدوات الشاملة لتكرار موقع الويب الخاص بك وتصحيح أخطائه وإنشاء ملف تعريف له دون الحاجة إلى الخروج من بيئة Chrome. يتيح لك DevTools أيضًا تتبع مشكلات التخطيط والحصول على رؤى حول تحسين الشفرة وإنشاء نقاط توقف جافا سكريبت. p>

استخدام Chrome DevTools

لاستخدام أدوات مطوري Google Chrome ، كل ما عليك فعله هو فتح صفحة باستخدام Google Chrome. من "قائمة Chrome" ، حدد "أدوات" ثم "أدوات المطور". يمكنك أيضًا النقر بزر الماوس الأيمن فوق عنصر الصفحة وتحديد "فحص العنصر". يمكنك أيضًا استخدام لوحة المفاتيح عن طريق تحديد ctl + shift + i على الأجهزة التي تعمل بنظام Windows أو cmnd + opt + i على جهاز Mac. يتم تجميع DevTools في شريط أدوات أعلى نافذة المتصفح. يمكنك بعد ذلك العمل مع نوع معين من الصفحة أو معلومات التطبيق ضمن عدة مجموعات من الأدوات ، بما في ذلك العناصر والملفات الشخصية ووحدة التحكم والموارد والشبكة والجدول الزمني وعمليات التدقيق والمصادر. تسهل لك كل أداة استكشاف المشكلات وإصلاحها وتحسين أداء الشبكة والحصول على معلومات حول ما يجب القيام به لتحسين موقعك. كما أنها تتيح لك رؤية مقاسك بأحجام ودرجات دقة مختلفة للشاشة. p>

أداة رائعة لتحرّي الخلل وإصلاحه في موقعك وتحسينه h3>

تتيح لك أدوات مطوّري برامج Google Chrome تعديل صفحات الويب دون الحاجة إلى أداة منفصلة. إنه يتميز بميزات ممتازة للفحص والتحرير باستخدام شجرة DOM واحدة. تتيح لك وحدة تحكم JavaScript أيضًا تسجيل معلومات التشخيص واستخدام موجه الأوامر لاختبار الصفحات والتطبيقات. تساعد أدوات تصحيح الأخطاء القوية أيضًا في العثور على مشكلات JavaScript وإصلاحها ، بينما تمنحك أدوات التدقيق والشبكة بيانات في الوقت الفعلي حول الموارد لتحديد سبب استغراق الطلبات وقتًا أطول وفهم كيفية تحسين الاستجابات. p>