برای طرح سوال و دسترسی به آموزش ها  کانال ما در تلگرام بپویندید  

مرتب سازی و ابهام زدایی فایل های وب js , css و و HTML و چگونگی فشرده سازی آنها

یکی از مسائلی که تو طراحی وب مطرح میشود این است که حجم فایل های خروجی تا جای ممکن کم باشد، و برخی از طراحان برای محافظت از کد هاشون اونارو به این هدف obfuscate می کنند به زبان پارسی یعنی مبهم می کنند و برای طراحان وبی که می خوان قالب های دیگران رو توسعه بدن یا تغییرات روش ایجاد کنند، دغدغه این بوجود میادش که چطور این مشکل رو حل کنند حالا در این بخشش سعی می کنیم راههای برای مناسب کردن و خوانا کردن این فایل ها توضیحاتی میدهیم و این که چطور بتونید فایل های خودتون رو compress یا obfuscate کنید.

اما ابزاری که تو این زمینه معرفی میشوند همه آنلاین هستند.

یکی از مرسوم ترین و پر استفاده ترین متد ها در فضای وب متد minify هستش یعنی این که توسعه دهنده ها دو نوع فایل در اختیار مصرف کننده ها قرار می دهند نوع اول همراه با کامنت و رعایت indent ها هستش و متفییر ها اسم های اصلی خودشون رو دارند و قابل درک برای طراحان و برنامه نویسان دیگر هستش این نسخه رو نسخه developer یا قابل توسعه میگند و یه نسخه کوچک و خلاصه شده که فقط مناسب استفاده هستش رو نسخه minify یا فشرده میگند.

اما اول یاد بگیریم چطور فایل های خودمون رو minify یا فشرده کنیم که معمولا توام با obfuscate نیز میشود،اول از همه فایل های جاوا اسکریپت تو این زمینه اهمیت بیشتری دارند که اگر برای شما خیلی کم حجم بودن مهم هستش از سایت زیر میتونید استفاده کنید برای فایل js:

http://jscompress.com

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

http://www.jsobfuscate.com

اما برای فایل های css اگر نیاز دارید فایل های CSS خودتون رو فشرده سازی کنید به سایت زیر مراجعه کنید:

http://cssminifier.com/

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

http://www.willpeavy.com/minifier

اما تا اینجا ابزار این موضوع رو یاد گرفتیم و اما حالا بر عکس چطور عمل کنیم، بر عکس این موضوع برای js کاملا امکان پذیر نیست اما تا حد قابل درک و قبولی ممکن هستش اما برای deobfuscate کردن فایل js و رتب سازی اون + فایل HTML بهترین گزینه سایت زیر هستش خیلی قوی هستش تو این زمینه:

http://jsbeautifier.org

اما برای فایل های CSS  اسکریپت open source هستش که مثال آماده اش هم هستش میتونین از این سایت استفاده کنید:

http://cssbeautify.com

به همین سادگی به همین خوشمزگی همه این سایت ها سرویس رایگان ارائه میدن و هیچ احتیاج پرداخت هزینه و دغدغه بلاک شدن و محدودیت ندارید و امیدوارم از طراحی وب خودتون لذت ببرید و ما رو هم فحش ندید 😀

 


انتشار

در

توسط

برچسب‌ها:

نظرات

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *