برای رفع مشکل نمایش سایت روی موبایل، تبلت یا مانیتورهای مختلف، دانستن اطلاعات واقعی دستگاه و مرورگر مهم است. این ابزار اندازه viewport و screen، نسبت پیکسلی، user agent، زبان مرورگر و چند مشخصه فنی دیگر را نمایش می‌دهد تا بتوانید responsive design، تصاویر Retina و رفتار CSS media queryها را راحت‌تر بررسی کنید.
نسبت پیکسلهای فیزیکی به پیکسلهای منطقی؛ در صفحات Retina معمولاً ۲ یا ۳ است.
بله، viewport اندازه ناحیه قابل نمایش مرورگر است اما screen اندازه کل صفحه دستگاه است.
با media queries میتوانید بر اساس اندازه صفحه و pixel ratio استایل متفاوت بدهید.
خیر، همه اطلاعات فقط در مرورگر شما خوانده و نمایش داده میشود.
صفحه را روی همان دستگاه یا مرورگری که مشکل دارد باز کنید و اطلاعات نمایش‌داده‌شده را برای دیباگ frontend، گزارش باگ یا تنظیم breakpointها استفاده کنید.