چه تکنولوژی می‌خواهید یاد بگیرید؟

نظرات و انتقادات خود را با ما در میان بگذارید

آپدیت روزانه

بیش از 1000 پست آموزشی

نیازهای روز

دیباگ کدهای جاوااسکریپت با استفاده از پنجره کنسول مرورگر

اگر زمان برای شما مهم تلقی می‌شود پس یقینا تکینک‌های در زمان کد نویسی و تست آن کدها بکار خواهید برد تا در زمان کم بهترین خروجی را ارائه دهید. توسعه‌دهندگان سمت سرور با کمک ویژوال استودیو از طریق پنجره C Sharp Interactive بدون اتلاف وقت جهت کامپایل؛ کدهای خود را تست و تغییرات را بر روی پروژه اعمال خواهند کرد و در سمت دیگر توسعه‌دهندگان سمت کلاینت قرار می‌گیرند که یقینا این افراد با استفاده از کنسول مرورگرها اقدام به تست کدهای خود خواهند کرد.

$(".programming-fun img").on("click", function () {
    var n = '<div class="text-center"><img style="display: inline-block;" src="' + this.attributes.src.value + '"><\/div>';
    jQueryDialog.show("test", n)
});

تست کد جاوااسکریپت:

کد بالا را اگر بخواهید تست کنید دو راه متفاوت پیش رو خواهید داشت. در راه حل نخست توسعه‌دهنده سمت کلاینت کد جاوااسکریپت فوق را به صفحه افزوده سپس تغییرات را ذخیره و صفحه را با استفاده از مرورگر بارگزای می‌کند. در راه حل نخست حتما نیاز است صفحه بارگزاری شود تا تغییرات اعمال شده لحاظ گردد، اکنون در پنجره Debugger بر روی خط مورد نظر که قصد دارید آن را تست نماید BreakPoint  گذاشته سپس مجدد صفحه را Refresh کنید، بعد از سپری نمودن مراحل قبل اکنون قادر خواهید بود مقادیر کد را بررسی نموده و در صورت مواجه شدن با خطا و رفع آن جهت تست نهایی الزامی است مراحل قبل بار دیگر تکرار شود که موجب اتلاف وقت خواهد شد.

با استفاده از راه حل دوم دیگر نیاز نیست صفحه را بعد از هر تست مکررا بارگزاری نماید تا کد سمت کلاینت را با عمل BreakPoint تست کنید. در خط دوم کد فوق کلمه کلیدی debugger را قرار داده سپس کد را از طریق پنجره کنسول به صفحه تزریق نماید. اکنون بر روی عنصر مورد نظر کلیک کنید تا رخداد تعریف شده برای آن عنصر فراخوانی شود.

با عمل فوق پنجره debugger فعال می‎گردد، پیش زمینه خط دوم که کلمه debugger را قرار داده‎اید به صورت رنگ سبز به حالت دیباگ فعال گردیده است، از این گام به بعد همانند روش قبل کدها را مورد بررسی قرار دهید.

امید نصری

0 نظر:

تعداد دیدگاه‌های کاربران : 0 دیدگاه
مهمان گرامی! برای ارسال نظر نیاز است وارد سایت شوید.


You must log on to comment.