در این مقاله 7 ابزار عالی برای تست نمایش وب سایت ها بصورت responsive در انواع دیواسها (موبایل، تبلت و ...) به شما معرفی خواهیم کرد:
این وب اپلیکشن وب سایت شما را در دیوایسهای مختلف مجازی تست می کند و شما می توانید نتیجه کار را ببینید. در این ابزار شما امکان اضافه کردن دیوایس های مجازی را دارید. حتی می توانید طول و عرض دیوایس خود را بدهید و نتیجه را مشاهده کنید.
این ابزار وب سایت شما را در دیوایسهای آیفون و اندروید نکسوس نمایش می دهد.
اگر باید سریعا بررسی کنید که آیا یک وب سایت واقعا پاسخگو است؟ با استفاده از این ابزار برای اندازه صفحه نمایش مختلف می توانید صفحه نمایش را تست کنید. هنگامی که یک URL را وارد می کنید، می توانید عرض / ارتفاع را تغییر دهید و حتی اگر از ابزاری نسبت ابعاد استفاده می کنید، آن را با همسایگی های روی صفحه خاص مقایسه کنید. در نوار کناری، شما چند مورد از اندازه صفحه نمایش از پیش تعریف شده برای دستگاه های رایج مانند تبلت Nexus، Kindles و حتی گوشی های جدیدتر مانند Google Pixel پیدا خواهید کرد. این سایت همچنین از اندازه صفحه نمایش بزرگ با مانیتورهای دسکتاپ تا 24 اینچ پشتیبانی می کند. به طرز شگفت آور این اندازه های بزرگ حتی در مانیتور های کوچک کار می کنند، زیرا پنجره پیش نمایش بر اساس نسبت، و نه کل پیکسل عرض تغییر می کند. بنابراین اگر شما تلاش می کنید تا مانیتورهای 1920px را روی صفحه MacBook کوچکتر تست کنید، این ابزار برای شما نمایش خواهد داد.
گوگل پر از ابزارهای عالی برای مدیران وب است. این ابزار تست واقعا یک پیش نمایش نیست و به شما کمک نمی کند که اشکالات UI را ببینید. در عوض این یک ابزار اختصاصی تلفن همراه برای مشخص کردن مسائل مربوط به سایت شما در موبایل است. پس از انجام آزمایش، می توانید به عنوان یک سایت دوست تلفن همراه قبول یا رد شوید. این برای طراحان کمی بیش از حد عمومی است، اما گوگل راهنمایی هایی را بر اساس زمینه های مشکل و عناصر صفحه ای که می تواند به بهبود وب سایت شما کمک کند ارائه می دهد.
مت کرسلی طراح و توسعه دهنده ابزار آزمایشی رایگان خود را برای پوسته های پاسخگو منتشر کرد. این ابزار بسیار ساده تر از ابزارهای بالا است و زرق و برق زیادی ندارد. در عوض این یک پیش نمایشگر آنلاین ساده با 5 سایز ثابت است: 240px، 320px، 480px، 768px، 1024px. پنل های پیش نمایش از اسکرول بار استفاده می کند تا بتوانید از طریق محتوا به راحتی حرکت کنید. بنابراین برای آزمایش صفحات منحصر به فرد، این بهترین است. اما برای یک ابزار ساده این کار عالی است و یکی از ابزارهای تست چندگانه است که به طور پیش فرض دارای عرض 240 پیکسل می باشد.
اگر به دنبال دقت کامل پیکسل هستید، احتمالا به این ابزار نیاز نخواهید داشت. در عوض من پاسخگو هستم؟ وب سایت را برای بررسی های سریع و پیش نمایش بر روی انواع مختلف از دستگاه های رایج بهترین راه کار است. به سادگی یک URL وب سایت را وارد کنید و آن را به چهار صفحه پیش نمایش دستگاه بارگذاری می کند: یک گوشی هوشمند، رایانه لوحی، لپ تاپ و دسکتاپ. اینها در مقیاس نیستند، بنابراین شما تنها به عنوان یک نسبت به سایت نگاه می کنید. به علاوه این ابزار به شما اجازه می دهد تا آدرس های محلی را اجرا کنید تا بتوانید پروژه هایی را که محلی در کامپیوتر خود نصب می کنید را بررسی کنید.
یک ابزار دیگر که من واقعا دوست دارم این است که تستر وب سایت پاسخگو طراحی شده توسط Designmodo است. این ابزار رایگان به شما اجازه می دهد پیش نمایش یک سایت را در مرورگر خود بر اساس عرض مشخص کنید. شما می توانید صفحه خود را بر اساس پیکسل بررسی کنید و حتی با استفاده از این webapp بصورت شبکه شبکه وب سایت خود را بررسی کنید. علاوه بر عرض از پیش تعریف شده، می توانید پنجره پیش نمایش را بزرگ و کوچک کنید تا به هر اندازه ای که شما می خواهید برسد. اگر شما نیاز دارید که اندازه های دستی را نیز وارد کنید، دارای ورودی برای عرض / ارتفاع است. اما هر نماد دستگاه در گوشه سمت راست بالا به شما امکان می دهد تا از ده ها اندازه صفحه نمایش رایج انتخاب کنید و این ابزار را برای چک کردن هر وسیله ای که می توانید تصور کنید مناسب باشد.
