سازگاری با مرورگر

هنگام ساخت یک برنامه وب مبتنی بر محتوا، مهم است که در نظر بگیرید که مخاطبان شما از کدام مرورگرها استفاده می کنند. برخی ممکن است از مرورگرهای قدیمی‌تری استفاده کنند که آخرین ویژگی‌ها را پشتیبانی نمی‌کنند، در حالی که برخی دیگر ممکن است از مرورگرهای جدیدتری استفاده کنند که ویژگی‌های بیشتری دارند. برنامه شما برای همه کاربران بدون توجه به انتخاب مرورگر آنها قابل دسترسی است.

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

هنگام هدف قرار دادن مرورگرهای قدیمی و مدرن، باید چند مبادله در نظر گرفت. ابتدا ممکن است لازم باشد از کدهای مختلف برای مرورگرهای مختلف استفاده کنید. این می تواند کد شما را پیچیده تر و نگهداری آن را دشوار کند. ممکن است نتوانید از آخرین ویژگی‌ها در همه مرورگرها استفاده کنید. این می تواند عملکرد برنامه شما را محدود کند.

بسته به برنامه، مرورگرهای قدیمی ممکن است به دلایل قانونی یا موارد استفاده تجاری همچنان به پشتیبانی نیاز داشته باشند. اگر اکثر کاربران از سخت‌افزار قدیمی‌تر استفاده می‌کنند و نمی‌توانند به‌روزرسانی شوند، ممکن است polyfills لازم باشد. پلی‌فیل قابلیت‌های مدرنی را برای مرورگرهای وب قدیمی‌تر فراهم می‌کند و می‌تواند به شما این امکان را بدهد که از مدرن‌ترین فناوری‌های وب و APIها استفاده کنید و در عین حال از سازگاری با مرورگرهای قدیمی اطمینان حاصل کنید.

ابزارهای بسیار خوبی برای بررسی اینکه چه فناوری‌ها یا APIهایی استفاده می‌شوند وجود دارد:

  • Project Baseline : تلاشی برای بهبود تجربه توسعه دهندگان با ارائه آنچه در مرورگرهای پشتیبانی شده به خوبی کار می کند و توسط Google و سایر سیستم های رایج مورد استفاده قرار می گیرد.
  • Caniuse : منبعی برای جستجوی APIهای وب و مشاهده وضعیت پشتیبانی در همه مرورگرهای ردیابی شده است.