شبیه سازی صفحه کلید اندروید در Developer Tools کروم

بی شک یکی از بزرگترین و مهمترین معضلات برنامه نویسان فرانت اند کار هنگام پیاده سازی پروژه به صورت ریسپانسیو و یا PWA، نبود صفحه کلید اندروید در محیط Developer Tools مرورگر گوگل کروم می باشد.

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

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

ابتدا همانند تصویر زیر پس از باز کردن Developer Tools و قرار دادن آن بر روی حالت نمایش موبایل، مطابق تصویر زیر از کشوی انتخاب نوع دستگاه، گزینه Edit را انتخاب کنید.

در مرحله بعدی از پنجره باز شده گزینه Nexus 5X را تیک زده و پنجره را ببندید.

و در نهایت مطابق تصویر زیر، بر روی آیکن بالای صفحه(orientation)، گزینه Portrait - Keyboard را انتخاب کرده و فضای شبیه سازی شده صفحه کلید اندروید را بر روی صفحه جاری از پروژه خود ملاحظه فرمایید.

امیدوارم راه حل مفیدی برای برنامه نویسان عزیز ارائه داده باشم.
شاد و سرافراز، در پناه حق باشید.