Media
2 items
Description
Simulate a mobile keyboard while developing responsive pages. Mock Keyboard fills a gap in Chrome DevTools Device Mode. Chrome already emulates screen size, DPR, and touch reasonably well, but it does not emulate the mobile software keyboard in a way that is useful for everyday responsive UI work. That becomes a problem when building interfaces that depend on keyboard-driven viewport changes, including search bars, chat inputs, bottom docks, maps, and layouts tied to visualViewport. Mock Keyboard adds a DevTools panel that works alongside Chrome’s existing responsive device workflow. After enabling Device Mode, open the Mock Keyboard panel, turn the simulator on, and focus an input. The extension renders a mock Android keyboard overlay and exposes simulated viewport changes to the page so responsive layouts can react more like they would on a real mobile device. What it does: - Adds a Mock Keyboard panel inside Chrome DevTools - Shows a Pixel-style Android keyboard overlay - Opens and closes when editable fields gain or lose focus - Exposes keyboard-related viewport changes to page code - Helps debug mobile UI behavior without constantly switching to a physical device Current limitations: - The keyboard is visual only right now - It does not type or behave like a fully interactive IME yet - It is a simulator, not full mobile browser emulation