2016-07-15 8 views
4

Ich versuche zu testen, welcher Tastaturtyp für bestimmte Eingaben auf iOS und Android standardmäßig angezeigt wird. Gibt es eine Möglichkeit, die Bildschirmtastatur in Chrome Devtools Telefonsimulator aufzurufen?Wie bringe ich mobile Tastatur in Chrome-Dev-Tools?

Bisher habe ich die iOS-Version meiner Website getestet, indem ich den xcode-Simulator ausgeführt und auf meine Website gezeigt habe, aber es wäre sehr praktisch, Devtools zu verwenden.

Danke!

Antwort

8

Sie können die Standard-Tastatur für das Nexus 5X Gerät für das Hoch- oder Querformat anzuzeigen:

DevTools Nexus 5X Keyboard

Sie können jedoch nicht mit ihm interagieren, auch nicht basierend auf dem Kontext ändern sie wird von aufgerufen. Ich habe DevTools inspiziert, dass es sich einfach um eine Bilddatei handelt, die einem SVG überlagert ist. Mit diesen Profilen geht nichts schlaues. Es ist nur nützlich zu sehen, wie die App auf den reduzierten Speicherplatz reagiert.

DevTools Keyboard Inspect

Um das richtige Verhalten von Tastaturen mit Kontext zu testen, würde ich empfehlen, nur XCode und Android-Emulatoren, oder besser noch echte Geräte verwenden.

See:Test Responsive and Device-specific Viewports

+1

nicht die Android-Emulator für das Debuggen Verwenden Sie. Es fehlen einige wichtige GL-Dateien, die für das Rendering verwendet werden, wodurch es standardmäßig deaktiviert wird. Chrome lässt sich damit nicht einfach herunterladen. Der Aktien-Browser, der auch in ihnen ist, stammen aus der Lieferzeit dieser Android-Version. So könnte es leicht sehr veraltet sein und deshalb könnte Ihre Anwendung darin nicht richtig funktionieren, wie es ein tatsächliches Gerät mit einem aktualisierten Systemstapel wäre. – Garbee

+0

@Garbee Ja, das macht Sinn. Debugging auf einem echten Gerät wäre in diesem Fall die beste Option. –