debug کردن جاوا اسکریپت توسط firebug

11 02 2009

firebug ابزار بسیار قدرت مندی برای طراحان وب می باشد. به طوری در عصر حاضر هیچ کس حاضر نیست بدون آن به طراحی وب مشغول شود.

یکی از ابزار هایی که firebug در اختیار ما می گذارد debug کردن javascript می باشد.

جاوا اسکریپت کار ها بدون استفاده از چنین ابزار هایی برای debug کردن کد خود باید در حین برنامه از alert استفاده کنند(حداقل خود من قبل از کار با firebug همین کار رو می کردم!! هی هی هی عجب روزگاری بود!!)

برای debug کردن . firebug شی ای را در اختیارتان قرار می دهد که می توانید در کدتان استفاده کنید.!‌ مثلا با قرار دادن console.log(var1); در داخل کدتان هنگام اجرای برنامه مقدار متغیر var1 در console فایر باگ چاپ می شود. console.dir(obj) شی obj را به صورت درختی در console چاپ می کند.

console.time(«message start») را در اول کد دل خواهتان قرار دهید و سپس console.timeEnd(«message end») را در آخر کدتان قرار دهید!! مثلا اول و آخر یک تابع قرار دهدید. بعد از اجرا زمان پردازش را در console چاپ می کند. از console.profile() در ابتدای کد و از console.profileEnd() در آخر کد استفاده کنید تا تمامی اتفاق هایی که در این هنگام افتاده است را گزارش کند.

حتی می توانید از console.dir(OBJ) برای نشان دادن تمامی اطلاعات و اعضای شی OBJ استفاده کنید.

این ها همه تنها امکاناتی بود که در کد نویسی می توانید به کار برید.

ابزار های دیگری نیز در اختیار شما قرار می دهد.

در پنجره ی فایر باگ در تب console در پایین یک console ای وجود دارد که در آن هر دستوری (از زبان javascript) را که وارد کنید برایتان پردازش می کند. مثلا با اجرای دستور زیر مقدار یک تگ را چاپ می کند:

document.getElementById(«tagname»).innerHTML;

از دیگر امکانات آن می توان breakpoint را نام برد. در تب script در کنار هر خط از دستور ها که می خواهید debug را انجام دهید یا فکر می کنید اشکال برنامه در انجاست کلیک کنید تا دایره ای روشن شود.(همانند شکل رو به رو) و صفحه را refresh firebugsmallکنید. پس از refresh کردن برنامه تا آنجایی که breakpint گذاشته اید پردازش را انجام می دهد و سپس exit می کند ! در سمت راست exception ها و سایر اطلاعات این خط را نشان می دهد.

firebug1

از محمد قیومی به خاطر راهنمایی من در این زمینه کمال تشکر را دارم.


کارها

Information

2 responses

18 10 2010
مهدی هوشمندی

با تشکر ان شاء الله با امید و تلاش روزی دیگر نیازی به سایتهای خارجی برای کسب اطلاعات اینگونه ای نباشد.

18 10 2010
30noohe

مرسی
.در دنیای متن باز بحث این کشور و اون کشور نیست همه ی مردم به هم کمک می کنن تا پیشرفت کنن.

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s




%d وب‌نوشت‌نویس این را دوست دارند: