أدوات استكشاف أخطاء JavaScript وإصلاحها في Internet Explorer

StackOverflow https://stackoverflow.com/questions/3404

سؤال

أستخدم Firebug ووحدة تحكم Mozilla JS بكثرة، ولكن بين الحين والآخر أواجه خطأ JavaScript خاص بـ IE فقط، والذي يصعب تحديد موقعه (على سبيل المثال: خطأ في السطر 724, ، عندما يحتوي مصدر HTML على 200 سطر فقط).

أرغب في الحصول على أداة JS خفيفة الوزن (لا firebug) لبرنامج Internet Explorer، وهو شيء يمكنني تثبيته في ثوانٍ على جهاز الكمبيوتر الخاص بالعميل إذا واجهت خطأ ثم قمت بإلغاء التثبيت.تستغرق بعض أدوات Microsoft بعض الوقت الجاد للتنزيل والتكوين.

أيه أفكار؟

هل كانت مفيدة؟

المحلول

قد تجد فايربوج لايت مفيد لذلك.

يجب أن يكون التطبيق المختصر الخاص به مفيدًا بشكل خاص عند تصحيح الأخطاء على جهاز المستخدم.

نصائح أخرى

منذ Internet Explorer 8، أصبح IE مزودًا بمجموعة رائعة جدًا من الأدوات لتصحيح أخطاء JavaScript، وإنشاء ملفات تعريف، والمزيد.مثل معظم المتصفحات الأخرى، يمكن الوصول إلى أدوات المطور بالضغط على F12 على لوحة المفاتيح.

علامة تبويب البرنامج النصي

من المحتمل أن تكون علامة التبويب "البرنامج النصي" هي ما يثير اهتمامك، على الرغم من أن علامات التبويب "وحدة التحكم" و"ملف التعريف" و"الشبكة" تحصل على الكثير من الاستخدام أيضًا أثناء تصحيح أخطاء التطبيقات.

enter image description here

من علامة التبويب البرنامج النصي، يمكنك:

  • قم بتنسيق JavaScript لجعلها أكثر قابلية للقراءة
  • الانتقال من مصدر إلى مصدر للموارد المختلفة في الصفحة
  • إدراج نقاط التوقف
  • التحرك داخل أسطر التعليمات البرمجية وفوقها أثناء التنقل خلال تنفيذها
  • مشاهدة المتغيرات
  • افحص مكدس الاستدعاءات لمعرفة كيفية تنفيذ التعليمات البرمجية
  • تبديل نقاط التوقف
  • و اكثر...

علامة تبويب وحدة التحكم

تعتبر علامة تبويب وحدة التحكم رائعة عندما تحتاج إلى تنفيذ بعض التعليمات البرمجية التعسفية ضد التطبيق.أستخدم هذا للتحقق من عودة طرق معينة، أو حتى لاختبار الحلول بسرعة للحصول على إجابات على Stack Overflow.

enter image description here

علامة التبويب ملف التعريف

يعد الملف الشخصي رائعًا إذا كنت تبحث عن عمليات طويلة الأمد، أو تحاول تحسين التعليمات البرمجية الخاصة بك لتعمل بشكل أكثر سلاسة أو تقوم بإجراء مكالمات أقل للطرق كثيفة الاستخدام للموارد.افتح أي صفحة وانقر على "بدء التوصيف" من علامة التبويب "ملف التعريف" لبدء التسجيل.

أثناء عمل ملف التعريف، يمكنك التنقل في الصفحة وتنفيذ الإجراءات الشائعة.عندما تشعر أنك سجلت بما فيه الكفاية ، اضغط على "التخلص من التنميط". بعد ذلك ، سيتم عرض ملخص لجميع الوظائف التي تم تشغيلها ، أو شجرة مكالمات.يمكنك فرز هذه البيانات بسرعة حسب أعمدة مختلفة:

enter image description here

علامة تبويب الشبكة

ستسجل علامة تبويب الشبكة حركة المرور على موقعك/تطبيقك.إنه مفيد جدًا للعثور على الملفات التي لم يتم تنزيلها أو تعليقها أو تتبع البيانات المطلوبة بشكل غير متزامن.

ضمن علامة التبويب هذه، يمكنك أيضًا التنقل بين العرض الملخص والعرض التفصيلي.ضمن العرض التفصيلي، يمكنك فحص الرؤوس المرسلة مع الطلبات والاستجابات.يمكنك عرض معلومات ملفات تعريف الارتباط والتحقق من توقيت الأحداث والمزيد.

enter image description here

أنا لا أحقق العدالة في أدوات مطوري IE - فهناك الكثير من الأمور غير المكشوفة.أود أن أشجعك على التحقق منها، وجعلها جزءًا من تطويرك.

أوصي رفيق شبيبة.

هذه هي النسخة المجانية من شريط التصحيح ولكني أجد أنه أسهل في الاستخدام ويتمتع بالميزات التي أحتاجها.من الرائع اختبار مقتطفات JavaScript صغيرة في IE بنفس الطريقة التي أستخدمها مع Firebug في Firefox.

تحرير بعد 5 سنوات:أستخدم الآن أدوات المطورين المتكاملة لبرنامج Internet Explorer.

من المفترض أن يحتوي IE 8 على أدوات أفضل، لكن شريط أدوات IE Developer جيد جدًا.

أنا استخدم كليهما مصحح البرنامج النصي لمايكروسوفت و فايربوج لايت, ، اعتمادًا على ما أقوم بتصحيحه.كلاهما أدوات رائعة - جربهما وادمجهما بما يناسبك.

في IE8 فقط اضغط F12!

  1. انتقل إلى أدوات->خيارات الإنترنت...->خيارات متقدمة->تمكين تصحيح أخطاء البرامج النصية (Internet Explorer)

ثم قم بإرفاق Visual Studio Debugger عند حدوث خطأ.

إذا كنت تستخدم IE 8، فقم بتثبيت شريط أدوات المطور لأنه يحتوي على مصحح أخطاء مدمج.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top