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

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

Advertisements




دسترسی به لوکال هاست آپاچی در virtual box

1 02 2009

همه ی طراحان وب دارای یک مشکل اساسی هستند و اون هم اینه که باید صفحه ای بسازن که در تمامی مرورگر ها و تمامی نسخه ها سازگار باشه.

طراحان باید تمامی نسخه های مرورگر ها را در کامپیوتر خود نصب کنند و صفحات ساخته شده را در تمامی حالات در تمامی مرورگر ها چک کنند.

در این جا مشکل بزرگ تری هم وجود داره و اون هم اینه که بعضی از مرورگر ها در تمامی سیستم عامل ها نصب نمی شوند!! برای مثال اینترنت اکسپلورر تنها در ویندوز نصب می شود(هر چند در لینوکس هم قابل اجرا است ولی کیفیت ویندوزی را ندارد). مثالی دیگر مرورگر safari هست که تنها در مکینتاش قابل اجرا است.

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

سوالی که پیش می آید این است که چگونه به لوکال هاست در virtual box دسترسی پیدا کنیم؟؟ !! برای این کار از این آی پی استفاده کنید:
10.0.2.2
آی پی را در virtual box در سیستم عامل دلخواهتان و در مرورگر دلخواهتان در نوار آدرس وارد کنید..!!!! الان home page شما مشاهده می شود.

امیدوارم مطلب رو به خوبی تونسته باشم توضیح بدم.

در آخر از محمد ریخته گران برای راهنمایی من در این زمینه تشکر می کنم