Google Chromeモバイルエミュレータ：画面キーボードに表示する方法

Chromeのモバイルエミュレーションツールを使用してWebサイトのモバイルバージョンをデバッグしていますが、テキストフィールドを選択するときに画面キーボードをポップアップする方法がわかりません。

テキストボックスをクリックしましたが、キーボードがポップアップしません。これをモバイルデバイスで実行すると、デフォルトの入力方法（キーボード）がポップアップ表示され、入力できます。

これを複製する方法はありますか？

google-chrome mobile google-chrome-devtools

— アーロン・ヘルマン
ソース

回答:

148

Chromeデベロッパーツールは、さまざまなデバイスの状態をエミュレートするためのサポートを制限しています。

ドキュメントによると、このような機能は「Nexus 5Xなどのサポートされているデバイス」をエミュレートする場合にのみ利用できます。

この機能をサポートするエミュレートされたデバイスの完全なリストは、Chromium devtools-frontend source-code（GitHubのミラー）にあります。現在、次のユーザーのみがサポートしています。

エミュレートされたキーボードとナビゲーションバーは静的な画像であり（ソースコードディレクトリで確認できます）、インタラクティブな動作は含まれていません。画面サイズをシミュレートするには十分な方法ですが、完全なエミュレーションではありません。

— デニルソンサマイア
ソース

これはほぼ完全に機能します。キーボードはカーソルの位置を使用せず、代わりにデフォルトでWebページのナビゲーションバーを使用しますが、ページの圧縮は十分に機能します。-ありがとう

— アーロンヘルマン

これはまだキーボードの動作をモデル化しないことに注意してください（入力を選択するときにキーボードを起動せず、スクロール位置を調整しません）。

— dlsso 2016

これが表示され、それは私が私が修正しようとしているスペルチェックの遅延バグをdebugg役立っているだろうとクローム68+ :(なしで削除されたのは。

— レイ・フォス

これは非推奨です。仮想キーボードはサポートされなくなりました。developers.google.com/web/tools/chrome-devtools/device-mode/...

— ラファエル・S. Fijalkowski

私はクロムv79を使用していて、キーボードがNexus 5sで利用できることを確認できます

— Marcin

私が近づいたのは、「Chrome Virtual Keyboard」の仮想キーボード拡張機能を使用することです。

注：作業中のSencha Touchアプリでタッチイベントを使用するように設定する必要がありました。

他にもたくさんあるので、Chrome拡張機能エリアで「仮想キーボード」を検索し、好きなものを選んでください。

— AnthonyVO
ソース

動作します！デフォルトのキーボードとまったく同じではありませんが、見栄えが良いです。ありがとう！

— アーロンヘルマン

これは今ではデッドリンクになっています。これは大きな恥です。まさに私も必要なもの！うーん。

— JPollock 2016

：この質問は十分に近いですstackoverflow.com/questions/38386215/...

— JPollock

@BryanRayner、リンクが復活したときにいい。リダイレクトを追加しました。

— AnthonyVO 2016