ابزار پیشرفته ی آزمایش کد های وب (دمو ساز)

آموزش وب ، اجرای آنلاین کد ،
1440 بازدید
ابزار پیشرفته ی آزمایش کد های وب (دمو ساز)
ابزار فول امکانات نمایش نتیجه ی کد های وب به صورت آنلاین در اندازه های مختلف برای تست واکنش گرایی قالب ها و صفحات

این چند روزی که وبلاگ را به روز نمی کردم ، در حال کار کردن روی این ابزار فوق العاده کاربردی و مفید بودم. با وجود این مشاهده ی این مطلب را برای همه ی بازدید کنندگان آزاد گذاشته ام ، اما اگر از این ابزار استفاده کردید و خوشتان آمد ؛ باید عضو شوید. یعنی نامردیه اگه عضو نشید و به دوستاتون معرفی نکنید !؟! نیشخند

5روز وقت گذاشتم و هر روز حدود 8ساعت. خدا وکیلی قدر بدونید. لطفا کپی برداری هم نکنید. امکان ایجاد لینک برای دموی کد ها وجود دارد و نیازی به کپی برداری از این ابزار نیست. فقط آدرس کد خود را دریافت کنید و دموی آن را در هر کجایی که می خواهید قرار دهید.

یک جورایی می توان اسم این ابزار را "فول امکانات" گذاشت. از کلی سایت برای ایجاد امکانات ایده گرفتم ، کلی روی امکاناتی که هست فکر کردم ، کلی روی انیمیشن ها و اسکریپت ها کار کردم و در آخر این ابزار ارزشمند را در وبلاگ قرار دادم.

امکانات این ابزار: (قسمت های مهم تر)

  • مهم ترین کاربرد این ابزار در نمایش خروجی در اندازه های مختلف است:
    شما می توانید با استفاده از این امکان ، واکنش گرایی قالب ها و صفحات مختلف را آزمایش کنید. در اصل این امکان برای شما صفحه نمایش هایی با اندازه های مختلف را شبیه سازی می کند (موبایل ، تبلت ، لبتاب و ...). شما هر اندازه ای را که بخواهید می توانید وارد کنید. البته اندازه هایی که بیشترین تعداد را در بین صفحه نمایش ها دارند نیز به صورت پیشفرض در این امکان قرار داده شده است.
  • مرتب کردن کد های به هم ریخته ی سایت های مختلف:
    مثلا شما کد های یک صفحه را کپی می کنید و این کد ها همگی به صورت فشرده شده و در یک خط هستند و تشخیص آن ها کار بسیار سختی است. شما با استفاده از این ابزار می توانید این کد ها را مرتب و کلی کار خود را راحت تر کنید.
  • فشرده سازی کد ها (یک خط کردن):
    این قسمت دقیقا برعکس قسمت قبلی است. در این قسمت شما می توانید کد های خود را در یک خطر قرار دهید و حجم آن ها را تا حدود زیادی کم کنید. حجم پایین کد ها باعث بالا رفتن سرعت بارگذاری آن ها می شود.
  • دریافت آدرس صفحه ی دموی کد شما:
    بر فرض شما کدی را نوشته اید و می خواهید آن را در وبلاگ یا سایت خود نمایش دهید. خیلی راحت می توانید با استفاده از این امکان ، یک آدرس دریافت کنید که در آن آدرس هم کد شما و هم خروجی کد شما نمایش داده می شود. این قسمت برای ذخیره ی کد های شما هم کاربرد دارد. اگر بعدا بخواهید ویرایش کد ها را ادامه دهید ، می توانید به ورود به آدرس دریافت شده ، ادامه ی کار خود را پیش بپیرید.
  • دانلود کد:
    اگر شما خواستید ، می توانید کد هایی را که نوشته اید با پسوند های html , css , js , txt دانلود کنید. برای این کار ابتدا روی پسوند مورد نظر خود کلیک می کنید و پس از ورود به صفحه ی باز شده ، با استفاده از ctrl+s فایل خود را در حافظه ی سیستم خود ذخیره می کنید.
  • انواع امکانات گرافیکی برای کار کردن راحت تر روی کد ها:
    این امکانات شامل نمایش و پنهان کردن قسمت های مختلف ، فعال و غیر فعال کردن input ها ، معلوم کردن جهت نوشته شدن کد ها و ... می باشد.
  • نمایش/عدم نمایش لحظه ای خروجی:
    بعضی افراد از سیستم های قدیمی استفاده می کنند. این امکان به شما کمک می کند که اگر سرعت مرورگر یا سیستمتان کم است ، با قرار دادن ابزار در حالت "عدم نمایش لحظه ای" به راحتی با کد های خود کار کنید.
  • طراحی بسیار زیبا و سازگار با همه ی مرورگر ها!
  • لیست کامل تگ های html و خصوصیت های css!

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

دمو ساز

رمز تمام فایل های فشرده
رمز فایل فشرده است.