محمد افاضاتی

دیده ها، شنیده ها و علاقه مندی های یک برنامه نویس
محمد افاضاتی
محمد افاضاتی برنامه نویس python php دیتابیس های postgresql mongodb و ...

رونوشتی از علاقه مندی هایم برای ماندگار تر شدن!

تبلیغات

طبقه بندی موضوعی

Feedburner RSS

Others

توییتر

۲ مطلب با کلمه‌ی کلیدی «firebug» ثبت شده است

یکی از مهمترین قسمت‌های طراحی فاز test و debug است. اینکه روند اصلی کد در همه جا درست اجرا می شود؟ اینکه کلاً منطقی کد درستی نوشته اید؟ البته خیلی از javascript developer ها اینکار را نمی‌کنند و کار را خلاصه به console می‌کنند ولی آیا روش درستیست؟ نمی‌شود مطلقاً به این کار خرده گرفت ولی در نظر گرفتن چند نکته ضروریست
کدی که قابلیت test دارد با کد معمولی متفاوت است. برای اینکه قابل تست باشید تا جای ممکن نباید چیز جدید در end method ها استفاده کنید و همه چیز را از کسی که شما را call کرده‌اید بگیرید ولی معمولاً کد ها اینگونه نیست برای همین هنگام debug کردن اینکه کار کجا خراب شده است سختر می شود.

۱ نظر موافقین ۰ مخالفین ۰ ۱۷ مهر ۹۱ ، ۱۵:۱۸
محمد افاضاتی

Firebug یکی از قدرت مند ترین ابزار توسعه وب است که قابلیت بسیار خوبی به عنوان log گیری در javascript دارد. کافیست که با api مربوطه ... console.log خروجی های خود را بنویسید.

به طور مثال:

console.log("The %s jumped over %d tall buildings", animal, count);

خیلی وقت ها log ی که با console.log میگیرید در بین تعداد زیادی log گم می شود. مشکلی که خیلی خودم را اذیت کرد. بهترین راه حلی که دیدم از صفحه api firebug بود

console.log('%cThis is red text on a green background', 'color:white; background-color:green');

شما با %c می توانید css مربوطه را برای خط log خود اعمال کنید. که خیلی نتیجه خوبی می تواند داشته باشد.

۲ نظر موافقین ۰ مخالفین ۰ ۲۴ فروردين ۹۱ ، ۰۹:۲۷
محمد افاضاتی