یکی از کارهایی که در طراحی وب انجام می‌شه سازگار کردن وب‌سایت با مرورگرهای مختلف هستش. در وب‌سایت‌های مختلف آموزشی، دموهای مختلفی رو می‌بینیم، افکت‌های عجیب و غریبی که همشون فقط با کد ایجاد شدن و خیلی دوست داریم ازشون تو وب‌سایتمون استفاده کنیم ولی خب، دستمون همیشه اینقدر باز نیست. با زیاد شدن تعداد مرورگرهای محبوب، طبیعتا هرکدوم راه و روش خودشون رو پی می‌گیرن. این وسط خیلی مهمه که بدونیم مثلا یه قانون CSS توسط کدوم مرورگر و از کدام نسخه‌ی اون پشتیبانی می‌شه. البته به طور پیش‌فرض می‌تونین در نظر بگیرین که IE یا Edge پشتیبانی از اون دستور مورد نظر شما ندارن، خیلی بهش دل خوش نکنین.

برای دسترسی به این اطلاعات یه وب سایت خوب وجود داره به نام Can I use که کارش لیست کردن قوانین و المان‌ها و پشتیبانی اون‌ها توسط مرورگرهاست. چند تا نکته در مورد وب‌سایت و نحوه‌ی استفاده از اون به ذهنم رسیده که دلیل همین نوشته شده:

۱- هدف وب‌سایت دایرکتوری بودنه، به همین خاطر وقتی سایت رو باز می‌کنین فیلد جستجو انتخاب شده و منتظره تا دستور مورد نظر خودتون رو جستجو کنید.

۲- سایت ۴ دسته‌ی زیر رو شامل می‌شه که پربازدیدترین آیتم‌های هر دسته رو هم تو صفحه‌ی اول آورده:

  • CSS
  • HTML
  • SVG
  • JS API

۳- با انتخاب یکی از آیتم‌ها یا جستجوی دستور موردنظر خودتون به صفحه‌ی اون دستور دسترسی پیدا می‌کنید:

Screen Shot 1394-10-15 at 09.51.07

همونطور که در تصویر مشخصه دستور Filter از سری دستورات CSS رو انتخاب کردیم. چند نشانه برای تشخیص نوع پشتیبانی وجود داره:

  • رنگ قرمز: عدم پشتیبانی
  • رنگ سبز چمنی: پشتیبانی نسبی. به عنوان مثال فیلتر در مرورگر Edge کار می‌کند اما نه تا تابع url
  • رنگ سبز: پشتیبانی کامل
  • رنگ طوسی: پشتیبانی نامشخص
  • علامت پرچم: نیاز به فعال سازی flag در مرورگر است
  • علامت خط تیره: نیاز به پیشوند در دستور است مانند -webkit

۴- لیست مرورگرها شامل مرورگرهای محبوب‌تر است، با این حال با دکمه‌ی Show All می‌توانید همه‌ی مرورگرها را برای دستور فعلی ببینید.

۵- درصد سازگاری دستور هم در بالای صفحه ذکر شده که می‌توانید منبع خوبی برای تصمیم‌گیری باشد.