از تب Sensors برای شبیه سازی ورودی حسگر هر دستگاهی استفاده کنید:
تب Sensors را باز کنید
بسته به سیستم عامل خود، برای باز کردن منوی فرمان، دکمه زیر را فشار دهید:
- در MacOS، Command + Shift + P
- در Windows، Linux، یا ChromeOS، Control + Shift + P
sensorsتایپ کنید، Show Sensors را انتخاب کنید و Enter را فشار دهید. تب Sensors در پایین پنجره DevTools شما باز می شود.
نادیده گرفتن موقعیت جغرافیایی
بسیاری از وب سایت ها از موقعیت مکانی کاربر استفاده می کنند تا تجربه مرتبط تری را برای کاربران خود فراهم کنند. به عنوان مثال، یک وب‌سایت آب‌وهوا ممکن است پیش‌بینی محلی را برای منطقه کاربر نشان دهد، زمانی که کاربر به وب‌سایت اجازه دسترسی به مکان خود را داد.
اگر در حال ساخت یک رابط کاربری هستید که بسته به مکانی که کاربر در آن قرار دارد تغییر می کند، احتمالاً می خواهید مطمئن شوید که سایت در مکان های مختلف در سراسر جهان به درستی رفتار می کند.
برای لغو موقعیت جغرافیایی خود، تب Sensors را باز کنید و از لیست Geolocation یکی از موارد زیر را انتخاب کنید:
- یکی از شهرهای از پیش تعیین شده، مانند توکیو .
- مکان سفارشی برای وارد کردن مختصات طول و عرض جغرافیایی سفارشی.
- مکان در دسترس نیست را انتخاب کنید تا ببینید وقتی موقعیت مکانی کاربر در دسترس نیست، سایت شما چگونه رفتار می کند.
شبیه سازی جهت گیری دستگاه
برای شبیه سازی جهت گیری های مختلف دستگاه ، تب Sensors را باز کرده و از لیست جهت گیری ، یکی از موارد زیر را انتخاب کنید:
- یکی از جهت گیری های از پیش تعیین شده، مانند پرتره وارونه .
- جهت گیری سفارشی برای ارائه جهت گیری دقیق خود.
پس از انتخاب جهت گیری سفارشی ، فیلدهای آلفا ، بتا و گاما فعال می شوند. برای درک نحوه عملکرد این محورها، آلفا ، بتا و گاما را ببینید.
همچنین می توانید با کشیدن Model Orientation یک جهت سفارشی تنظیم کنید. Shift را قبل از کشیدن برای چرخش در امتداد محور آلفا نگه دارید.
لمس اجباری
برای آزمایش رویدادهای لمسی در وب‌سایت خود، می‌توانید به جای کلیک کردن، لمس را مجبور کنید، حتی اگر روی دستگاهی بدون صفحه لمسی آزمایش می‌کنید.
برای فعال کردن رویدادهای لمسی با اشاره گر خود:
- تب Sensors را باز کنید .
- در فهرست کشویی Touch ، Force touch را انتخاب کنید.
- روی Reload DevTools در اعلان بالا کلیک کنید.
شبیه سازی وضعیت آشکارساز بیکار
Idle Detection API به شما امکان می‌دهد کاربران غیرفعال را شناسایی کرده و به تغییرات حالت بیکار واکنش نشان دهید. با DevTools، می‌توانید به جای اینکه منتظر تغییر حالت بیکار واقعی باشید، تغییرات حالت غیرفعال را هم برای وضعیت کاربر و هم برای وضعیت صفحه شبیه‌سازی کنید.
برای شبیه سازی حالت های بیکار:
تب Sensors را باز کنید . برای این آموزش، می توانید آن را در این صفحه نمایشی امتحان کنید.
چک باکس کنار Ephemeral را فعال کنید و در اعلان، مجوز تشخیص بیکاری را به صفحه نمایشی بدهید. سپس، صفحه را دوباره بارگیری کنید.
در قسمت کشویی Emulate Idle detector State یکی از موارد زیر را انتخاب کنید:
- بدون شبیه سازی بیکار
- کاربر فعال، قفل صفحه باز است
- کاربر فعال، صفحه قفل شده است
- کاربر بیکار، قفل صفحه باز است
- کاربر بیکار، صفحه قفل است
در این مثال، DevTools یک حالت کاربر بیکار، حالت قفل صفحه را شبیه سازی می کند و در این مورد، صفحه نمایشی شمارش معکوس 10 ثانیه ای را برای پاک کردن بوم شروع می کند.