Description from extension meta
پیشنمایش نمای موبایل با یک کلیک برای هر صفحه.
Image from store
Description from store
مخاطبان وب مدرن بیحرکت نمینشینند. آنها از مانیتورهای ۲۷ اینچی در محل کار به صفحه نمایشهای جیبی در قطار میروند و انتظار دارند که هر سایتی برای هر دو حالت مناسب باشد. برای طراحان، توسعهدهندگان، بازاریابان و حتی کاربران حرفهای روزمره، این یک سوال روزانه را ایجاد میکند: "این صفحه در یک تلفن واقعی چگونه به نظر میرسد؟" DevTools خود کروم میتواند به آن پاسخ دهد - پس از اینکه منوها، پنلها و انبوهی از فریمهای دستگاه را بررسی کردید. تغییر به نمای موبایل این سفر را به یک کلیک یا میانبر خلاصه میکند،
روی نماد نوار ابزار ضربه بزنید (یا Alt + M را فشار دهید) و صفحه فعلی فوراً به یک نمای به اندازه گوشی محدود میشود. یک پسزمینه خاکستری ملایم، صفحه را از بقیه پنجره مرورگر جدا میکند و محتوای شما را به ستاره تبدیل میکند و در عین حال به شما یادآوری میکند که نمای موبایل فعال است. یک نشان کوچک در گوشهای قرار دارد که تنظیمات دستگاه فعلی را نشان میدهد - از آیفون ۱۴ شروع میشود.
این افزونه با سه مورد از رایجترین نقاط شکست (breakpoints) ارائه میشود - آیفون ۱۴ (۳۹۰ × ۸۴۴ پیکسل)، پیکسل ۷ (۴۱۲ × ۹۱۵ پیکسل) و آیپد مینی (۷۶۸ × ۱۰۲۴ پیکسل). هر یک از تنظیمات پیشفرض، تگ نمای متا، عرض عناصر و رفتار پیمایش را تنظیم میکند تا حس دستگاه انتخاب شده را تقلید کند.
چه کسی سود میبرد؟
توسعهدهندگان فرانتاند میتوانند رگرسیونهای طرحبندی را در عرض چند ثانیه و بدون باز کردن DevTools دریافت کنند - ایدهآل برای زمانی که چندین شاخه را مدیریت میکنید یا سرورهای مرحلهبندی شده را راهاندازی میکنید.
طراحان رابط کاربری/تجربه کاربری قبل از ارسال کامپوننتهای جدید فیگما به بخش مهندسی، یک بررسی سریع سلامت عقل انجام میدهند.
تیمهای تضمین کیفیت میتوانند میانبرهای صفحهکلید را در مجموعههای تست خودکار اسکریپتنویسی کنند تا تستهای واکنشگرا سریعتر انجام شوند.
تولیدکنندگان محتوا و بازاریابان، خبرنامهها، صفحات فرود و شبکههای اجتماعی را پیشنمایش میکنند تا از خوانایی آنها در صفحات نمایش کوچک اطمینان حاصل شود.
کارشناسان پشتیبانی مشتری که مشکلات گزارششده توسط کاربران تلفن همراه را تکرار میکنند، دیگر نیازی به دستگاههای فیزیکی یا شبیهسازها ندارند.
مربیان و دانشآموزانی که مفاهیم طراحی واکنشگرا را بررسی میکنند، به یک محیط امن و قابل دسترس برای کسب اجازه دسترسی پیدا میکنند.
چه در حال تنظیم دقیق جریان پرداخت چند دقیقه قبل از راهاندازی باشید و چه در حال تدریس به کلاسی پر از توسعهدهندگان مشتاق، این افزونه تقریباً بدون هیچ پیچیدگی یادگیری وارد جریان کاری شما میشود.