بررسی ریسپانسیو بودن سایت با ۷ ابزار رایگان

پس از باز شدن پنجره Inspect، در بالای صفحه نماد دستگاهها را در کنار دکمه با نام “Elements” مشاهده خواهید کرد. وقتی که روی نماد دستگاه ها کلیک کنید صفحه نمایش شما به قاب ریسپانسیو منتقل می شود و با دادن ورودی های مختلف مانند انتخاب نوع دستگاه، وارد کردن اندازه صفحه و… بررسی کنید.

ابزار responsivetesttool.com مانند اکثر وب سایت های تست ریسپانسیو است، به آسانی URL صفحه ای را که می خواهید در نوار جستجو در بالای صفحه وارد کرده و ریسپانسیو بودن آن را بررسی کنید. این ابزار لیست زیادی از اندازه های از پیش تعیین شده دستگاه های مختلف را برای انتخاب دارد. به عنوان مثال می توانید بررسی کنید که وبسایت شما در نسخه موبایل با یک مدل خاص چگونه نمایش گذاشته می شود و یا در یک تبلت با یک مدل خاص. با این حال اگر به یک اندازه دیگر احتیاج دارید، می توانید با وارد کردن اندازه های دلخواه عمل بررسی ریسپانسیو بودن سایت را دنبال کنید.

responsivedesignchecker.com ابزاری است با تعدادی از اندازه های صفحه از پیش تعیین شده در دستگاه های موبایل، تبلت و دسکتاپ و گزینه اندازه سفارشی و یک ابزار کاربردی برای بررسی ریسپانسیو بودن سایت است. url سایت موردنظر را در نوار ابزار وارد کرده و بر روی دکمه GO کلیک کنید.

ابزار screenfly.org قاب های از پیش تعیین شده قدیمی دارد. این ابزار هم مانند سایر ابزارها پاسخگوی نیاز شما خواهد بود. به عنوان مثال آخرین قاب از پیش تعیین شده در بخش موبایل، یک مدل خاص است.این ابزار دارای ویژگی های اندازه سفارشی، دکمه های چرخاندن و تازه سازی است و با استفاده از این ابزار هم به آسانی می توانید بررسی کنید که آیا سایت شما در دستگاه های مختلف به خوبی به نمایش گذاشته می شود یا خیر.

responsinator.com  یکی از محبوب ترین ابزار بررسی ریسپانسیو بودن سایت است. نمایش عالی آن در دستگاه های مختلف احتمالا دلیل اصلی محبوبیت بالای آن است. وقتی url سایت را در نوار جستجوی وارد کرده و دکمه سرچ را کلیک می کنید، این ابزار به ترتیب سایت مورد نظر را در دستگاه های مختلف در دو حالت عمودی و افقی به نمایش می گذارد. به این ترتیب کافی است به طرف پایین صفحه اسکرول کنید تا به ترتیب نحوه نمایش سایت در در دستگاه های مختلف را مشاهده کنید.

این ابزار برای بررسی سریع نسخه ریسپانسیو سایت در رایج ترین دستگاه ها و اندازه ها بسیار کاربرد دارد. شاید این ابزار همه اندازه ها و از همه دستگاه ها را پوشش ندهد اما یک ابزار عالی برای بررسی سریع سایت در رایج ترین دستگاه ها به شمار می رود.

ami.responsivedesign.is این ابزار تقریبا شبیه ابزار responsinator است که در بالا معرفی شد. با این تفاوت که در این ابزار دستگاه به صورت گروهی در کنار هم به نمایش گذاشته می شود مانند تصویر زیر. نکته مثبت این ابزار این است که شما می توانید نتایج را اسکرین شات کرده و از آن برای نمونه کارهای خود استفاده کنید. هر یک از دستگاه های نمایش داده شده در این ابزار قابل اسکرول هستند. با کلیک روی قاب هر دستگاه می توانید صفحه آن دستگاه را اسکرول کنید.

responsive.pixeltuner.de این ابزار فقط ۶ دستگاه در اندازه صفحه نمایش از قبل مشخص شده به نمایش می گذارد. اما این اندازه های صفحه نمایش پیش فرض گزینه های مناسبی برای تعیین کیفیت واکنشگرا بودن سایت است. با این شش اندازه می توانید تقریبا مطمئن باشید که تمام دستگاه ها را پوشش داده اید. تنها محدودیتی که دارد اندازه های بزرگتر از ۱۵۰۰px است.

ساخت منوی ریسپانسیو بدون افزونه