1. المصحح؛
لقد قلت أيضًا من قبل أنه يمكنك إضافة debugger; إلى كود JavaScript لإنشاء تأثير نقطة توقف يدويًا.
هل تحتاج إلى نقاط توقف مشروطة؟ كل ما عليك فعله هو إحاطتها بعبارات if :
انسخ الكود كما يلي: إذا (شيء يحدث) {
مصحح الأخطاء؛
}
لكن تذكر أن تقوم بحذفها قبل إصدار البرنامج.
2. قم بتعيين نقطة توقف للتشغيل عند تغيير عقدة DOMفي بعض الأحيان ستجد أن DOM ليس تحت سيطرتك وسيخضع لبعض التغييرات الغريبة، مما يجعل من الصعب عليك العثور على مصدر المشكلة.
هناك وظيفة سهلة الاستخدام للغاية في أدوات تطوير Google Chrome يمكنها التعامل مع هذا الموقف على وجه التحديد، تسمى "Break on..." . يمكنك رؤية عنصر القائمة هذا عن طريق النقر بزر الماوس الأيمن على عقدة DOM.
يمكن تعيين شرط التشغيل لنقطة التوقف على حذف العقدة، أو أي تغيير في سمات العقدة، أو تغيير في إحدى العقد الفرعية الخاصة بها.
3. نقاط توقف اياكسنقاط توقف XHR، أو نقاط توقف Ajax، كما يوحي اسمها، تسمح لنا بتعيين نقطة توقف تؤدي إلى استدعاءات Ajax معينة عند حدوثها.
تعتبر هذه الخدعة فعالة للغاية عندما تقوم بتصحيح حركة مرور الشبكة لتطبيقات الويب.
4. بيئة محاكاة الأجهزة المحمولةيحتوي Google Chrome على بعض الأدوات المثيرة للاهتمام لمحاكاة الأجهزة المحمولة لمساعدتنا في تصحيح أخطاء كيفية تشغيل البرامج على الأجهزة المحمولة.
طريقة العثور عليها هي: اضغط على F12 لإظهار أدوات المطور، ثم اضغط على مفتاح ESC (لا يمكن أن تكون علامة التبويب الحالية وحدة تحكم)، وسترى ظهور الطبقة الثانية من نافذة تصحيح الأخطاء، وهناك أجهزة محاكاة مختلفة في علامة التبويب مضاهاة اختيارية.
بالطبع، هذا لا يتحول إلى iPhone حقيقي، فهو فقط يحاكي أبعاد iPhone وأحداث اللمس وقيم User Agent للمتصفح.
5. استخدم عمليات التدقيق لتحسين موقع الويب الخاص بكYSlow هي أداة عظيمة. تحتوي أدوات مطوري Google Chrome أيضًا على أداة مشابهة جدًا تسمى عمليات التدقيق .
يمكنه مراجعة موقع الويب الخاص بك بسرعة ويعطيك اقتراحات وطرق عملية وفعالة للغاية لتحسين موقع الويب الخاص بك.
هل هناك أي آخرين؟لا أعرف كيف سأتطور بدون هذه الأدوات. سأكتب المزيد من النصائح حول هذا الأمر أيضًا - ترقبوا أحدث منشوراتي بمجرد اكتشاف ذلك.