سنسورها: شبیه سازی حسگرهای دستگاه

کیس باسک
Kayce Basques
صوفیا املیانووا
Sofia Emelianova

از پنل حسگرها برای شبیه‌سازی ورودی حسگر هر دستگاهی استفاده کنید.

نمای کلی

پنل سنسورها به شما امکان می‌دهد موارد زیر را انجام دهید:

پنل حسگرها را باز کنید

  1. بسته به سیستم عامل خود، برای باز کردن منوی فرمان، موارد زیر را فشار دهید:

    • در مک او اس، Command + Shift + P
    • در ویندوز، لینوکس یا ChromeOS، کنترل + شیفت + P

    با استفاده از منوی فرمان (Command Menu) پنل حسگرها (Sensors) را باز کنید.

  2. عبارت sensors را تایپ کنید، Show Sensors را انتخاب کنید و Enter را بزنید. پنل Sensors در پایین پنجره DevTools شما باز می‌شود.

نادیده گرفتن موقعیت جغرافیایی

بسیاری از وب‌سایت‌ها از موقعیت مکانی کاربر برای ارائه تجربه‌ای مرتبط‌تر به کاربران خود استفاده می‌کنند. برای مثال، یک وب‌سایت آب و هوا ممکن است پیش‌بینی آب و هوای محلی منطقه کاربر را پس از اینکه کاربر به وب‌سایت اجازه دسترسی به موقعیت مکانی خود را داده باشد، نشان دهد.

اگر در حال ساخت رابط کاربری هستید که بسته به موقعیت مکانی کاربر تغییر می‌کند، احتمالاً می‌خواهید مطمئن شوید که سایت در مکان‌های مختلف جهان به درستی رفتار می‌کند.

برای لغو موقعیت جغرافیایی خود، پنل حسگرها را باز کنید و از لیست موقعیت جغرافیایی یکی از موارد زیر را انتخاب کنید:

  • یکی از شهرهای از پیش تعیین‌شده، مانند توکیو .
  • مکان سفارشی برای وارد کردن مختصات طول و عرض جغرافیایی سفارشی.
  • برای مشاهده نحوه عملکرد سایت در صورت عدم نمایش موقعیت مکانی کاربر، گزینه «موقعیت مکانی در دسترس نیست» را انتخاب کنید.

انتخاب «توکیو» از فهرست «موقعیت جغرافیایی».

شبیه‌سازی جهت‌گیری دستگاه

برای شبیه‌سازی جهت‌گیری‌های مختلف دستگاه ، پنل حسگرها را باز کنید و از لیست جهت‌گیری ، یکی از موارد زیر را انتخاب کنید:

  • یکی از جهت‌های از پیش تعیین‌شده، مانند عمودی وارونه .
  • جهت‌گیری سفارشی برای ارائه جهت‌گیری دقیق خودتان.

انتخاب «پرتره وارونه» از فهرست «جهت‌گیری».

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

همچنین می‌توانید با کشیدن مدل جهت‌گیری، جهت دلخواه را تنظیم کنید. قبل از کشیدن، کلید Shift را نگه دارید تا در امتداد محور آلفا بچرخید.

مدل جهت گیری.

لمس اجباری

برای آزمایش رویدادهای لمسی در وب‌سایت خود، می‌توانید به جای کلیک، لمس اجباری را اعمال کنید، حتی اگر در حال آزمایش روی دستگاهی بدون صفحه لمسی هستید.

برای فعال کردن رویدادهای لمسی با اشاره‌گر خود:

  1. پنل حسگرها را باز کنید .
  2. در زیر لیست کشویی Touch ، گزینه Force touch را انتخاب کنید. لمس اجباری به جای کلیک.
  3. در اعلان بالا، روی Reload DevTools کلیک کنید.

شبیه‌سازی حالت آشکارساز بیکاری

API تشخیص حالت بیکاری به شما امکان می‌دهد کاربران غیرفعال را شناسایی کرده و به تغییرات حالت بیکاری واکنش نشان دهید. با DevTools، می‌توانید به جای انتظار برای تغییر حالت بیکاری واقعی، تغییرات حالت بیکاری را هم برای حالت کاربر و هم برای حالت صفحه شبیه‌سازی کنید.

برای شبیه‌سازی حالت‌های غیرفعال:

  1. پنل حسگرها را باز کنید .

  2. کادر انتخاب کنار Ephemeral را فعال کنید و در اعلان، به صفحه آزمایشی اجازه تشخیص عدم فعالیت (idle detection) را بدهید. سپس، صفحه را مجدداً بارگذاری کنید.

    اعطای مجوز تشخیص غیرفعال بودن در یک صفحه آزمایشی.

  3. در منوی کشویی Emulate Idle detector State ، یکی از موارد زیر را انتخاب کنید:

    • بدون شبیه‌سازی بیکار
    • کاربر فعال، قفل صفحه باز است
    • کاربر فعال، صفحه قفل شده
    • کاربر بیکار، صفحه نمایش قفل نشده
    • کاربر بیکار، صفحه قفل شده

انتخاب حالت غیرفعال و قفل‌شده در صفحه آزمایشی.

شبیه‌سازی همزمانی سخت‌افزاری

برای شبیه‌سازی نحوه عملکرد وب‌سایت خود در دستگاه‌هایی با تعداد هسته‌های پردازنده متفاوت، می‌توانید مقدار گزارش‌شده توسط ویژگی navigator.hardwareConcurrency را نادیده بگیرید. برخی از برنامه‌ها از این ویژگی برای کنترل درجه موازی‌سازی برنامه خود استفاده می‌کنند، به عنوان مثال، برای کنترل اندازه استخر Emscripten pthread .

برای شبیه‌سازی همزمانی سخت‌افزاری:

  1. پنل حسگرها را باز کنید .
  2. نزدیک پایین پنل، همزمانی سخت‌افزاری» (Hardware concurrency) را پیدا کرده و فعال کنید.
  3. در کادر ورودی عدد، تعداد هسته‌هایی را که می‌خواهید شبیه‌سازی کنید، وارد کنید.

«همزمانی سخت‌افزاری» را با تعداد هسته‌های تنظیم‌شده روی ۱۰ روشن کردم.

برای بازگشت به مقدار پیش‌فرض، روی دکمه‌ی Reset کلیک کنید.

شبیه‌سازی فشار CPU

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

پنل سنسورها به شما امکان می‌دهد حالت‌هایی را که می‌توانند توسط Compute Pressure API گزارش شوند، شبیه‌سازی کنید.

برای شبیه‌سازی فشار CPU روی وب‌سایت خود:

  1. پنل حسگرها را باز کنید .
  2. نزدیک پایین پنل، بخش فشار CPU را پیدا کنید و یکی از حالت‌های فشار قابل خواندن توسط انسان را انتخاب کنید: بدون تغییر (No overrideاسمی (Nominal) ، متوسط ​​(Fairجدی (Serious ) یا بحرانی (Critical) .
  3. در اعلان بالای DevTools، روی Reload DevTools کلیک کنید.

شبیه‌سازی فشار «جدی» بر پردازنده.