استفاده از FireBug در تمام مرورگرها

- visibility ۱۴ mode_comment

در این قسمت از بخش آموزش ترفند ها ، شما را با افزونه بسیار کاربردی FireBug آشنا خواهیم ساخت ، در واقع این افزونه ، توسط مرورگر Firefox ایجاد شده است ، ولی با این ترفندی که امروز خواهیم گفت می توان آن را تمام مرورگرها اجرا نمود ، در ادامه شما را با قابلیت های این افزونه آشنا خواهیم ساخت.

افزونه firebug

فایر باگ – firebug – ، یک افزونه یا بهتر بگویم یک برنامه منبع باز (Open Source) می باشد و به عنوان ابزار اضافی یا کمکی ، برای توسعه وب استفاده می شود . این ابزار به طرز باورنکردنی قدرتمند است و با ابعاد وسیعی از امکانات و خصوصیات کاربردی ، برای هر طراح و یا توسعه دهنده وب مفید و مناسب است. در واقع این امکان اضافی ( در مرور گر های دیگر با قابلیت کمتر نیز وجود دارد) یدک کش اسم مرور گر خود می باشد.فایر باگ دربین ابزار های دیگر( مانند ابزار بررسی و تست قالب و پروفایل اجرایی صفحات وب )، برای سرعت بخشیدن به روند کاری، زمان انجام عملیات آزمون و خطا را هنگام دی باگ کردن یا رفع اشکال صفحات وب کاهش می دهد.

برخی از ویژگی های این افزونه :

1) یک جستجوگر DOM عالی ، به منظور پیدا کردن نام و گزینشگرهای بخش هی خاصی از صفحه

2) دارای ابزارهای دستکاری CSS به منظور بررسی روشی که صفحه بر پایه آن در حال نمایش است و اعمال تغییرات دلخواه روی آن.

3) Console تعاملی جاوا اسکریپت ، HTML و...

4) خطایاب جاوا اسکریپت و ... برای مشاهده متغیرها و نحوه نمایش اجرای کدها

امکانات این افزونه :

Yslow : این ابزار مدت بارگذاری صفحه مورد نظر را ارزیابی می نماید.

FireUnit : این ابزار تمام اتفاقات ، مشکلات و ... را برای شما نمایان می سازد.

FireCookie : این ابزار برای مشاهده کوکی ها کاربرد دارد.

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

برای این کار کافیست ، قطعه کد زیر را در صفحه سایت خود کپی نمائید :

info نکته :

پس از اینکه سایت خود را Debug نمودید ، وکار خود را با این افزونه به اتمام رساندید ، حتما قطعه کد فوق را از سایت خود بردارید.

comment دیدگاه کاربران
لقمان آوند

جالب بود !

میلاد حیدری

ممنون

منصوری

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

میلاد حیدری

دوست عزیز این کد ، وردپرس و غیر وردپرس نداره ، شما فقط یک js رو فراخوانی میکنید ، این کد امتحان شده است

hamid zar

خیر با تشکر فراوان خدمت اساتید محترم.

فاطمه

سلام
مر30 از مطالب خوبت و مغز متفکرت میشه کدی رو که دادی تو قالب وبلاگ اضافه کرد

میلاد حیدری

بله میشود استفاده کرد!

فاطمه

میشه خیلی ساده بهم بگی به چه درد میخوره کد؟

فاطمه

کد رو وارد کردم ولی تا وارد وبلاگ میشم باز میشه خود به خود چیکار کنم که این مشکل پیش نیاد

میلاد حیدری

بله دیگه !!! شما زمانی باید این کاد را فراخوانی نمائید که بخواهید قالب خود را ویرایش کنید ، یا اینکه از صحبت درستی کدهای خود مطمئن شوید ، firebug دقیقا برای اینکار می باشد لطفا متن آموزش را کامل بخوانید!

mohmad12

بی خیال نخواستم آموزشت خوبه زیاده و متاسفانه من وقت خوندنش رو ندارم راستی اگه بخوام پیچ رنگ وبلاگم رو بالا ببرم میتونی زحمتش رو واسم بکشی

لقمان آوند

بالا بردن پیج رنک به این راحتی ها نیست . باید کلی فعالیت کنی . محتوای خوب تولید کنی . بک لینک بگیری و …

امیر

سلام
میخواستم ببینم میشه با این تو دیتابیس تغییرات ایجاد کرد ؟

کیوان علی محمدی

تغییر توی دیتابیس نیاز به کد سمت سرور داره که این جا در دسترس شما نیست.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.