javascript تحميل - تعيين نقطة توقف جافا سكريبت في التعليمات البرمجية-في الكروم؟




المتصفح شرح (9)

debugger هي كلمة محجوزة بواسطة EcmaScript وتعطى دلالات اختيارية منذ ES5

ونتيجة لذلك ، يمكن استخدامه ليس فقط في Chrome ، ولكن أيضًا في Firefox و Node.js عبر node debug myscript.js .

المعيار يقول :

بناء الجملة

DebuggerStatement :
    debugger ;

دلالات

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

إنتاج DebuggerStatement: المصحح؛ يتم تقييمه على النحو التالي:

  1. إذا توفرت ميزة تصحيح الأخطاء للتطبيق وتم تمكينها ، فيمكنك ذلك
    1. تنفيذ إجراء محدد للتنفيذ التصحيح.
    2. دع النتيجة تكون قيمة إتمام محددة.
  2. آخر
    1. دع النتيجة تكون (طبيعية ، فارغة ، فارغة).
  3. العودة النتيجة.

أرغب في إجبار مصحح الكروم على اختراق سطر عبر الرمز ، أو استخدام نوع من علامة التعليق مثل شيء مثل console.break() .

هل هناك طريقة للقيام بذلك؟


من الممكن وهناك العديد من الأسباب التي قد ترغب في القيام بذلك. على سبيل المثال ، تصحيح حلقة لا نهائية لجافا سكريبت بالقرب من بداية تحميل الصفحة ، يؤدي ذلك إلى إيقاف تشغيل مجموعة أدوات مطوري Chrome (أو firebug) بشكل صحيح.

انظر القسم 2 من

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

أو أضف سطرًا يحتوي على كلمة debugger إلى شفرتك في نقطة الاختبار المطلوبة.


نقطة التوقف: -

يتوقف عن التوقف ، ويتيح لك فحص قيم جافا سكريبت.

بعد فحص القيم ، يمكنك استئناف تنفيذ التعليمات البرمجية (عادةً باستخدام زر التشغيل).

المصحح: -

المصحح يوقف تنفيذ جافا سكريبت ، و callsthe وظيفة التصحيح.

بيان مصحح الأخطاء يوقف التنفيذ ، ولكنه لا يقوم بإغلاق أي ملفات أو مسح أي متغيرات.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};



في علامة التبويب "البرامج النصية" ، انتقل إلى مكان رمزك. على يسار رقم السطر ، انقر فوق. هذا سوف يحدد نقطة توقف.

لقطة شاشة:

ستتمكن بعد ذلك من تتبع نقاط التوقف داخل علامة التبويب اليمنى (كما هو موضح في الصورة).



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

  1. باستخدام console.log() لطباعة القيم في وحدة تحكم المستعرض. (سيساعدك ذلك على فهم القيم في نقاط معينة من شفرتك)

  2. كلمة debugger. إضافة debugger; إلى المواقع التي تريد تصحيحها ، وافتح وحدة تحكم مطور المتصفح وانتقل إلى علامة تبويب المصادر.

لمزيد من الأدوات والطرق التي يتم تصحيح أخطاء جافا سكريبت بها ، يتم تقديم هذا الرابط في W3School .


إذا كنت تحتاج إلى مكتبة تسجيل قوية لـ Node.js ، يعد Tracer خيارًا أفضل.

فإنه يخرج رسائل السجل مع الطابع الزمني ، اسم الملف ، اسم الأسلوب ، رقم السطر ، المسار أو مكدس المكالمات ، وحدة تحكم اللون الدعم ، وقاعدة بيانات الدعم ، والملفات ، ونقل الدفق بسهولة. أنا المؤلف.







javascript debugging google-chrome breakpoints