لا يتم استخدام Google Chrome فقط لتصفح الإنترنت ، ولكن بالنسبة للمطورين ، فهي أشبه أداة مساعدة قوية للتطوير.
إذا كنت ترغب في القيام بعمل جيد ، فيجب عليك أولاً شحذ أدواتك. بعد ذلك ، سوف أشارككم بعض الطرق لاستخدام Chrome.
إذا كان القراء يعرفون كيفية إضافة نقاط توقف JavaScript إلى Chrome ، فيرجى متابعة القراءة ؛ خلاف ذلك ، تعوض عن ذلك بنفسك.
إذا كان هناك مثل هذا الرمز:
نسخة الكود كما يلي:
var a = 1 ؛
اختبار الوظيفة () {
var a ، b ، c ، d ، e ؛
أ = 2 ؛
ب = أ - 1 ؛
ب = 9 ؛
ج = 3 ؛
د = 4 ؛
e = (a + b * c) * (a - d) ؛
إرجاع ه ؛
}
امتحان()؛
الكود نفسه لا يهم ، ما يهم هو النموذج.
إذا كانت E هي النتيجة التي نحتاجها في النهاية ، ولكن تجد أن النتيجة غير صحيحة ، فسنضع نقطة توقف على السطر حيث نقوم بتعيين قيمة لـ E.
بعد تعيين نقطة توقف ، انقل الماوس إلى متغير ويبقى لفترة من الوقت ، سيطالبك Chrome بقيمة المتغير في هذا الوقت.
لكن التعبير معقد للغاية ، ومن غير المجدي أن ننظر إلى قيمة متغير واحد. كل شيء يبدو طبيعيًا ، لكنه خطأ بعد الحساب.
في هذا الوقت ، من المحتمل أن ترغب في معرفة نتيجة الجزء (A + BC). لا تقلق ، حدد التعبير أولاً ، ثم انقل الماوس إلى المنطقة المحددة والبقاء لفترة من الوقت.
سيخبرك Chrome الإجابة مباشرة. ما هو أكثر إثارة للاهتمام لا يزال وراء.
انقر بزر الماوس الأيمن مباشرة في المنطقة المحددة ، وستظهر قائمة. العنصرين الأعلى هما: [إضافة إلى مشاهدة] و [تقييم في وحدة التحكم]. عرض مرجعي عرض محدد.
يمكن فهم ما يسمى الساعة على أنها مراقبة. بعض التعبيرات أكثر أهمية وقد تتطلب مراقبة في الوقت الفعلي لقيمة التعبير أثناء عملية تصحيح الأخطاء بأكملها. في هذا الوقت ، يمكنك استخدام الساعة.
على سبيل المثال ، قمنا بتعيين نقطة التوقف على السطر "B = 9 ؛" ثم أضف ساعة: "A - B" ، بقيمة 1. كما هو موضح في الصورة:
انقر فوق الخطوة التالية وتنفيذ "B = 9 ؛" ، مما يعني أن قيمة B قد تغيرت. في هذا الوقت ، انظر إلى قيمة الساعة: "A - B" وهي -7.
وهذا يحقق تأثير المراقبة في الوقت الفعلي ويجعل تصحيح الأخطاء أكثر ملاءمة وأسرع.
بعد ذلك ، دعنا نرى ما يجري مع وحدة التحكم.
بالطبع ، وحدة التحكم هي وحدة التحكم ، ويمكن تقييم التعبيرات مباشرة في وحدة التحكم.
على سبيل المثال ، إذا كنت تريد معرفة نتيجة (A + BC) ، فقم بنسخها مباشرة إلى وحدة التحكم واضغط على Enter ، وستظهر النتيجة.
انتظر ، يبدو أن هناك خطأ ما ، لماذا تعرف وحدة التحكم قيم A و B و C؟
يعد تنفيذ رمز JavaScript في وحدة التحكم بدون نقاط توقف عالمية. وهذا يعني ، في هذا الوقت ، يتم تعريف متغير X في وحدة التحكم ، ونطاق هذا X عالمي.
إذا تم استخدام وحدة التحكم في حالة انقطاع البرنامج ، يتم توجيه نطاق وحدة التحكم إلى النطاق عند الانقطاع. وهذا يعني ، أينما تم تعيين نقطة التوقف (أو حيث يتم تنفيذ الكود) ، يكون نطاق وحدة التحكم هو المكان الذي يوجد فيه.
في هذا المثال ، يتم تعريف المتغير A في النطاق العالمي بقيمة 1 ؛ ويتم تعريف المتغير المحلي A في نطاق اختبار الوظيفة بقيمة 2. اضبط نقطة توقف في "A = 2 ؛" ، أدخل A في وحدة التحكم ، ودخل ، وطباعة غير محددة.
نظرًا لأن البرنامج قد توقف داخل اختبار الوظيفة في هذا الوقت ويتم تنفيذ البرنامج في اختبار الوظيفة ، فإن نطاق وحدة التحكم هو أيضًا في اختبار الوظيفة. لذلك ، لا يتم تعيين إدخال الوصول إلى المتغير المحلي A ، والمتغير المحلي A في هذا الوقت ، وبالتالي فإن النتيجة غير محددة.
سوف أشارك الكثير هذه المرة أولاً. سأستمر في مشاركته عندما أواجه شخصًا قويًا في المستقبل. آمل أن يكون من المفيد للقراء.