How to bring up mobile keyboard in chrome dev tools?
I'm trying to test which keyboard type comes up by default for certain inputs on iOS and Android. Is there a way to bring up the on screen keyboard in Chrome devtools phone simulator?
So far I have tested the iOS version of my website by running the xcode simulator and pointing to my website but it would be really convenient to use devtools.
Update: 🙁 Virtual keyboard support is deprecated in Chrome 68+; this answer no longer works.
Original answer
You can view the standard keyboard for the Nexus 5X device for the portrait or landscape view:
However, you can't interact with it, nor does it change based on the context it is called from. I found by inspecting DevTools that it is simply an image file overlayed onto an SVG. There's nothing smart going on with these profiles. It's just useful to look at how the app responds to the reduced space.
To test the proper behaviour of keyboards with context, I would just recommend using XCode and Android emulators, or better still use real devices.
- Live editing in Google Chrome
- WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser
- SVG rect not showing up in firefox but works on chrome
- How to get 2x favicon in Chrome extension
- XAMPP won't update web source files until they're committed to Git on Chrome
- Freeze screen in chrome debugger / DevTools panel for popover inspection?
- How does setTimeout in a focusIn handler resolve before the click handler runs?
- Uncaught TypeError: Cannot set property 'onchange' of null
- Force refresh of CSS counter calculation
- How to delete all history of specific website in google chrome
- Cannot set cookies in Javascript
- Disable paste protection in Chrome DevTools?
- Use two excludeSwitches when launching Selenium Chromedriver?
- Using Selenium on Mac Chrome
- Chrome doesn't send cookies after redirect
- How to wait until an element exists?
- What does bis_skin_checked="1" mean? It's showing on most of my elements when using chromes code source view?
- Blurry text in Chrome, any fix?
- jQuery find a li element within ul
- Detect this event on Chrome: change of URL change without reloading
- Google Chrome localhost | NET::ERR_CERT_AUTHORITY_INVALID
- How can I force WebKit to redraw/repaint to propagate style changes?
- Colors in JavaScript console
- How to open Chrome Extension's side panel clicking a button inside the popup?
- Is there a way to debug why a chrome request was queued?
- What are the differences between Firefox and Chrome in Javascript?
- saving and retrieving from chrome.storage.sync
- How to clear Chrome inspect network tab by shortcut keys?
- How to set chrome.alarms.getAll callback to a variable?
- How to hide the url of the browser's left-bottom corner when a link is hovered