Google Chrome Developer Tools لنظام Windows

قم بتصحيح وتعديل صفحات الويب باستخدام Chrome DevTools

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

باستخدام Chrome DevTools

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

أداة رائعة لاستكشاف الأخطاء وإصلاحها وتحسين موقعك

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