Tôi đang gỡ lỗi phiên bản dành cho thiết bị di động của trang web của chúng tôi thông qua công cụ Giả lập trên thiết bị di động của Chrome, nhưng không thể tìm ra cách bật bàn phím ảo khi chọn trường văn bản.
Tôi đã nhấp vào hộp văn bản, nhưng không có bàn phím nào bật lên. Nếu tôi thực hiện việc này trên thiết bị di động, phương thức nhập mặc định (bàn phím) sẽ bật lên và cho phép tôi nhập.
Có cách nào để tái tạo điều này?
Câu trả lời:
Công cụ dành cho nhà phát triển Chrome có hỗ trợ hạn chế để mô phỏng các trạng thái thiết bị khác nhau:
Theo tài liệu , tính năng này chỉ khả dụng khi mô phỏng “các thiết bị được hỗ trợ như Nexus 5X” .
Bạn có thể tìm thấy danh sách đầy đủ các thiết bị giả lập hỗ trợ tính năng này tại mã nguồn frontend của Chromium devtools ( nhân bản trên GitHub ). Hiện tại, nó chỉ được hỗ trợ bởi:
Lưu ý rằng bàn phím giả lập và thanh điều hướng chỉ là hình ảnh tĩnh (như bạn có thể thấy tại thư mục mã nguồn) và không chứa bất kỳ hành vi tương tác nào. Đó là một cách đủ tốt để mô phỏng kích thước màn hình, nhưng nó không phải là một mô phỏng hoàn hảo.
Cách gần nhất mà tôi đã đến là sử dụng tiện ích mở rộng bàn phím ảo từ: "Bàn phím ảo của Chrome"
Lưu ý: Tôi đã phải đặt nó để sử dụng các sự kiện cảm ứng khi sử dụng nó với ứng dụng Sencha Touch mà tôi đang làm việc.
Có một số tính năng khác, vì vậy chỉ cần tìm kiếm "bàn phím ảo" trong khu vực tiện ích mở rộng chrome và chọn những gì bạn thích.