ممکن است تمام این آزمایشات متقاطع مرورگر به نظر برسد که وقت گیر و ترسناک باشد ، اما لازم نیست – شما فقط باید با دقت برنامه ریزی کنید و مطمئن شوید که در مکان های مناسب تست کافی انجام می دهید چک کردن قابلیت Cross-Browser تا مطمئن شوید که وارد سیستم نمی شوید. مشکلات غیر منتظره اگر در حال کار روی یک پروژه بزرگ ایران هاست هستید ، باید مرتباً آن را آزمایش کنید ، تا مطمئن شوید که ویژگی های جدید برای مخاطب هدف شما کار می کند ، و این که افزودنی های جدید در کد ویژگی های قدیمی را که قبلاً کار می کردند ، خراب نمی کند.

اگر تمام آزمایشات را به پایان یک پروژه بسپارید ، چک کردن قابلیت Cross-Browser هرگونه ایرادی که کشف کرده اید بسیار گرانتر و زمان برعکس است تا زمانی که آنها را کشف کنید و آنها را برطرف کنید.

گردش کار برای آزمایش و رفع اشکال در یک پروژه را می توان به تقریباً چهار مرحله زیر تقسیم کرد (این فقط بسیار نادرست است – افراد مختلف ممکن است کارهایی کاملاً متفاوت با این کار انجام دهند)

مراحل 2-4 تمایل به تکرار هر چند بار لازم برای انجام کلیه اجرایها دارند. ما در مقالات بعدی به بخش های مختلف فرایند آزمایش با جزئیات بسیار بیشتری خواهیم پرداخت ، اما در حال حاضر بیایید خلاصه آنچه را که در هر مرحله ممکن است رخ دهد خلاصه کنیم.

برنامه ریزی اولیه

در مرحله برنامه ریزی اولیه ، شما احتمالاً چندین جلسه برنامه ریزی با مالک / مشتری سایت (این ممکن است رئیس شما باشد یا شخصی از یک شرکت خارجی است که برای شما یک وب سایت ایجاد می کند) داشته باشید ، چک کردن قابلیت Cross-Browser که در آن شما دقیقاً مشخص می کنید که وب سایت چیست. باید باشد – چه محتوا و عملکردی باید داشته باشد ، چه شکلی باید به نظر برسد و غیره. در این مرحله شما همچنین می خواهید بدانید که چقدر زمان برای توسعه سایت دارید – می دانید مهلت آنها چیست و چقدر می روند؟ به شما برای کار خود بپردازید؟ ما در این باره به جزئیات زیادی نمی پردازیم ، اما مسائل مربوط به مرورگر مرورگر می تواند تأثیر جدی در چنین برنامه ریزی هایی داشته باشد.

بعد از اینکه از ویژگی های مورد نیاز خود ایده ای کسب کردید و با چه فناوری هایی احتمالاً این ویژگی ها را ایجاد می کنید ، باید کاوش در مورد مخاطبان هدف را شروع کنید ضرورت cross browsering مخاطب مورد نظر برای این سایت از چه مرورگرها ، دستگاه ها و غیره استفاده خواهد کرد؟ مشتری ممکن است در مورد این مورد از تحقیقات قبلی که انجام داده است ، به عنوان مثال داشته باشد. از وب سایت های دیگر آنها یا از نسخه های قبلی وب سایت شما در حال کار بر روی آنها. اگر اینگونه نباشد ، می توانید با مراجعه به منابع دیگر ، مانند آمار استفاده از رقبا یا کشورهایی که سایت در آن مشغول به خدمت است ، ایده خوبی کسب کنید. همچنین می توانید کمی از شهود استفاده کنید.

به عنوان مثال ، ممکن است در حال ساختن یک سایت تجارت الکترونیکی باشید چک کردن قابلیت Cross-Browser که در آمریکای شمالی به مشتریان خدمت کند. سایت باید کاملاً در چند نسخه آخر از مرورگرهای محبوب رایانه و موبایل (iOS ، Android ، تلفن ویندوز) کار کند – این شامل Chrome (و Opera است زیرا بر اساس همان موتور ارائه دهنده Chrome نصب شده است) ، Firefox ، IE / لبه ، و صفری. همچنین باید تجربه قابل قبولی در مورد IE 8 و 9 ارائه دهد و با رعایت WCAG AA قابل دسترسی باشد.

اکنون سیستم عاملهای آزمایش هدف خود را می شناسید ، باید به عقب برگردید و ویژگی های موردنیاز و فناوری های مورد نظر خود را مورد استفاده قرار دهید. به عنوان مثال ، اگر صاحب سایت تجارت الکترونیک می خواهد یک تور سه بعدی با WebGL را برای هر محصولی که در صفحات محصول ایجاد شده است بخواهید ، چک کردن قابلیت Cross-Browser  آنها باید بپذیرند که این کار قبل از 11 سالگی در نسخه های اینترنت اکسپلورر کار نخواهد کرد. شما باید موافقت کنید ارائه نسخه ای از سایت بدون این ویژگی برای کاربران نسخه های IE قدیمی تر.

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

توجه: می توانید با جستجوی ویژگی های مختلف در MDN – سایتی که در آن قرار دارید ، اطلاعات پشتیبانی مرورگر را از فناوری ها پیدا کنید. همچنین برای اطلاعات بیشتر در مورد مفید ، باید با caniuse.com نیز مشورت کنید.

پس از توافق بر روی این جزئیات ، می توانید پیش بروید و شروع به توسعه سایت کنید.

اکنون به پیشرفت سایت بپردازید. شما باید بخش های مختلف توسعه را به ماژول ها تقسیم کنید ، به عنوان مثال ممکن است مناطق مختلف سایت را به بالا تقسیم کنید – صفحه اصلی ، صفحه محصول ، سبد خرید ، گردش کار پرداخت و غیره. ، اجرای نمای صفحه جزئیات محصول ، پیاده سازی ویجت سبد خرید پایدار و غیره

چندین استراتژی کلی برای عبور از توسعه مرورگر وجود دارد ، به عنوان مثال:

تمام عملکردها را تا حد ممکن در همه مرورگرهای هدف کار کنید. چک کردن قابلیت Cross-Browser این ممکن است شامل نوشتن مسیرهای کد مختلف باشد که بازتولید می شود

قابلیت های uce به روش های مختلف با هدف مرورگرهای مختلف ، یا استفاده از یک Polyfill برای تقلید هرگونه پشتیبانی از دست رفته با استفاده از JavaScript یا سایر فناوری ها یا استفاده از یک کتابخانه که به شما امکان می دهد یک بیت کد بنویسید و بسته به اینکه چه کارهایی انجام دهید ، در پس زمینه انجام دهید. مرورگر پشتیبانی می کند.

بپذیرید که بعضی از موارد در همه مرورگرها یکسان نیستند و راه حلهای مختلف (قابل قبول) در مرورگرهایی ارائه می دهند که از عملکرد کامل پشتیبانی نمی کنند. بعضی اوقات به دلیل چک کردن قابلیت Cross-Browser  محدودیت دستگاه اجتناب ناپذیر است – یک صفحه گسترده سینما صرف نظر از نحوه برنامه ریزی سایت خود ، تجربه تجسمی مشابه صفحه نمایش تلفن همراه 4 اینچی را نخواهد داد.

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

معمولاً توسعه شما ترکیبی از سه روش فوق را شامل می شود. چک کردن قابلیت Cross-Browser مهمترین چیز این است که شما قبل از انجام هر قسمت ، هر قسمت کوچک را تست می کنید – تمام آزمایش ها را تا آخر انجام ندهید!

https://iwhy.ir/%d8%ae%d8%a8%d8%b1%d8%ae%d9%88%d8%a7%d9%86-%db%8c%d8%a7-rss-%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%87%d8%b1-%d8%a2%d9%86%da%86%d9%87-%d8%a8%d8%a7%db%8c%d8%b3%d8%aa%db%8c-%d8%af%d8%b1-%d9%85%d9%88%d8%b1.html