تست سایت در مرورگرها و دستگاه های مختلف

آزمایش پروژه در محیط های مختلف

قطعا تا بحال برای شما پیش آمده است که پروژه مثل باقلوا در مرورگر کروم و یا فایرفاکس در سیستم عامل آخرین مدل بر روی کامپیوتر شما کار می کند و همانطور که اشک شوق در چشمان شما حلقه زده است کسی به شانه شما می زند و در حالی که نگاهی به دستگاهی که در دستش دارد و پروژه را در آن باز کرده می گوید: “پسرم!/دخترم!…”

بله، مشکلی در صفحه آرایی یا کارکرد سایت در یک مرورگر یا سیستم عامل دیگر بوجود آمده است‌ :(

از آنجایی که تعداد ترکیب مرورگرها, دستگاه ها و سیستم عامل های مختلف سر به فلک می کشد و ما باید پروژه را در موارد مختلفی از این ترکیب ها تست و آزمایش کنیم, ابزارها و سرویس های آنلاینی وجود دارند که می توانند ما طراحان بی گناه را نجات دهند. در این مطلب با چندی از این ابزارها آشنا می شویم.

توجه: برخی از این سرویس ها رایگان نیستند.

 

1. Browsershots

 
http://browsershots.org/
 

  • این ابزار خدمات گسترده ای را بصورت رایگان ارائه می دهد اما محدودیت هایی نیز در مورد حساب رایگان وجود دارد.
  • بعد از اعمال تست, نتیجه آن بصورت اسکرین شات برگردانده می شود.
  • تعداد مرورگرهایی که برای تست وجود دارند به 196 مورد می رسد.
  • همینطور امکان تعیین عرض صفحه نمایش, عمق تصویر و موارد دیگری نیز وجود دارد.
  • این ابزار هیچگونه خدماتی برای مرورگرهای موبایل ارائه نمی دهد.

 

2. Browser Sandbox

 
https://turbo.net/browsers
 

  • این ابزار فعلا فقط برای کاربران ویندوز وجود دارد اما به زودی نسخه مک آن نیز ساخته خواهد شد.
  • لیست مرورگرهای قابل تست زیاد است و همینطور امکان تست در مرورگرهای موبایل نیز وجود دارد اما فقط آخرین نسخه هر مرورگر بصورت رایگان در دسترس است.

 

3. تست در IE

 

NetRenderer

 
https://netrenderer.com/
 

  • یک سرویس ساده برای تست در اینترنت اکسپلورر 5.5 تا 11

 

Microsoft Edge

 
https://developer.microsoft.com/en-us/microsoft-edge/
 

  • این ابزار یک پلتفرم کامل تست است که فقط محدود به مرورگر اینترنت اکسپلورر نیست.
  • به غیر از مرورگرهای دیگر این ابزار امکان ذخیره اسکرین شات از مرورگرهای موبایل را نیز دارد.
  • همینطور امکان تست از راه دور مرورگرهای IE از طریق ماشین مجازی نیز وجود دارد.

 

My Debugbar

 
http://www.my-debugbar.com/wiki/IETester/HomePage
 

  • این ابزار برخلاف بقیه ابزارها بصورت اپلیکیشن بر روی سیستم عامل ویندوز قابل نصب است.
  • نکته مهم اینکه این ابزار چندین باگ شناخته شده دارد که بهتر است قبل از استفاده از آن در مورد آنها آگاه باشید. (می توانید به فروم سایت ابزار مراجعه کنید.)
  • این ابزار به IE Tester نیز معروف است.

 

4. Webshot by Mobile Ready

 
http://mrsnapshots.cloudapp.net/
 

  • این ابزار مخصوص تست در موبایل می باشد.
  • رایگان است اما نیاز به ثبت نام دارد.

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

 
سه ابزاری که در ادامه آمده اند رایگان نیستند اما بهتر است آن ها را بشناسیم. همچنین میتوانید هر کدام را بصورت آزمایشی تجربه کنید.

 

5. Browsera

 
http://www.browsera.com/
 

 

6. CrossBrowserTesting

 
https://crossbrowsertesting.com/
 

 

7. BrowserStack

 
https://www.browserstack.com/
 

3 دیدگاه برای “آزمایش پروژه در محیط های مختلف

  1. سلام، بنده با phpStorm کار می کنم . در سایتهای آنلاین که نمیتونم ریسپانسیو بودن سایتم رو به صورت آفلاین چک کنم. الان اگر بخوام بصورت مرحله به مرحله نحوه نمایش سایتم رو در گوشی ببینم دقیقا باید چکار کنم؟

سوال داری؟ برو به پنل پرسش و پاسخ

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