عوامل اصلی cross-browser در وبسایت
با رشد تکنولوژیها و نرمافزارها این اتفاق تغییراتی را نیز در مرورگرهای اینترنتی ایجاد کرده است که امروزه شاهد آن هستیم. سالهاست که مرورگرهای مختلفی به روی کار میآیند تا عمل گشت و گذار در اینترنت را برای کاربران خود فراهم کنند. در واقع مفهوم cross-browser که در سالهای اخیر بسیار اهمیت پیدا کرده است به طور خلاصه عمل درست کار کردن و باز شدن یک سایت روی مرورگرهای مختلف است که دغدغهی وبسمترها است.
عوامل اصلی cross-browser در وبسایت
مفهوم cross-browser چیست؟
مفهوم cross-browser یک عمل چالش برانگیز وبمسترها است. از این جهت اهمیت بالایی دارد که کاربران وبسایت باید آزادانه انتخاب کنند که با چه مرورگر یا دستگاهی وبسایت شما را مشاهده کنند و در مشاهدهی وبسایت شما به مشکلی بر نخورند. عمل استانداردسازی وبسایت برای مرورگرهای مختلف اینترنتی و دستگاههای مختلف که در دسترس کاربران است با ورود صفحات رسپانسیو سادهتر شدند اما به طور کامل این موضوع را حل نکردند.
پیشنهاد نویسنده: در ارتباط با فریمورک بوت استرپ بخوانید…
در این نوشته به بررسی 15 عامل و فاکتور اصلی برای cross-browser بودن صفحات وبسایت میپردازیم.
عوامل اصلی cross-browser در وبسایتها
بعد از رعایت موارد زیر میتوانید تا حد بالایی از cross-browser بودن وبسایت خود مطمئن شوید:
- اعتبارسنجی فایل های css صفحات سایت. (رفع خطاها و استفاده از کدهای css3 به جای syntax قدیمی)
- اعتبارسنجی کدهای HTML و XHTML صفحات. (XHTML چیست؟)
- کار کردن درست صفحات در صورت غیرفعال شدن javascript در مرورگر کاربران.
- بررسی صحت کارکرد قابلیتهای Ajax و jQuery در صفحات.
- اندازهی فونت صفحات.
- طرح بندی صفحات با رزولوشنهای مختلف. (عمل رسپانسیو کردن صفحات)
- داشتن ابعاد برای تصاویر در صفحات و Alignmentهای مشخص صفحات.
- استاندار کردن هدر و فوتر وبسایت.
- قرار دادن محتوا در مرکز صفحهی وب: وقتی اندازهی content صفحات روی 900 پیکسل است کل بخش را در مرکز صفحه قرار بدهید که در مرورگرهای بزرگتر مناسب است.
- استایل صفحات.
- فرمت تاریخ در صفحات وب: از فرمتهای استاندارد تاریخ در صفحات وب خود استفاده کنید.
- اگر از کاراکترهای خاص استفاده میکنید به جای استفاده از خود کاراکتر از html entities استفاده کنید.
- قابلیت بزرگ نمایی در صفحات: ممکن است کاربران سایت شما صفحات را بزرگ و زوم کنند باید صفحات خراب نشود؛ برعکس این موضوع هم وقتی زوم صفحه کم شود و صفحات کوچک تر شود باید درست نمایش داده شود.
- پشتیبانی صفحات خود در سیستم عاملهای مختلف مثل: لینوکس، ویندوز، اندروید، مکینتاش و …
- پشتیبانی از ورژنهای مختلف مرورگرهای رایج مثل کروم، فایرفاکس، اینترنت اکسپلورر و …
پیشنهادات خود را برای انجام عمل cross-browser صفحات وب در بخش نظرات برای ما بنویسید.



















استفاده از فریمورکهایی مثل Bootstrap واقعا چقدر این مشکلات رو کمتر میکنه؟
بله، هر دو ابزار خیلی کاربردی هستن. BrowserStack گستردهتره و روی موبایل و دسکتاپ تست میکنه. LambdaTest هم سرعت خوبی داره و برای تیمهای کوچک مناسبتره.
کسی تجربه داره با ابزارهایی مثل BrowserStack یا LambdaTest برای تست cross-browser؟
الان اولویت با موبایل هست چون بیشتر کاربرها از گوشی وارد سایت میشن. ولی دسکتاپ هم نباید کاملاً نادیده گرفته بشه.
به نظرتون مهمتره روی مرورگرهای دسکتاپ تمرکز کنیم یا مرورگرهای موبایل؟
نه، الان دیگه عملاً کنار گذاشته شده و نیاز نیست برای IE وقت بذاری. مایکروسافت هم پشتیبانیشو متوقف کرده.
هنوزم لازمه برای اینترنت اکسپلورر سایت رو بهینه کنیم یا دیگه استفادهای نداره؟
بهترین راه استفاده از ابزارهای آنلاین مثل BrowserStack، LambdaTest یا SauceLabs هست. اینطوری میتونی روی مرورگرهای مختلف و دستگاههای متفاوت تست بگیری.
توی پروژههای واقعی چطور میشه همه مرورگرها رو تست کرد؟
با ابزارهایی مثل browserstack این کار امکانپذیر است.