Switch to Mobile View

Modern web audiences don’t sit still. They bounce from 27-inch monitors at work to pocket-sized screens on the train, and they expect every site to feel tailor-made for both. For designers, developers, marketers, and even everyday power users, that raises a daily question: “How will this page look on a real phone?” Chrome’s own DevTools can answer it—after you dig through menus, panels, and a thicket of device frames. Switch to Mobile View shrinks that journey to a single click or shortcut,

Tap the toolbar icon (or press Alt + M) and the current page is instantly constrained to a handset-sized viewport. A soft grey backdrop isolates the page from the rest of the browser window, making your content the star while visually reminding you that Mobile View is active. A small badge hovers in the corner displaying the current device preset—starting with iPhone 14,

The extension ships with three of the most commonly requested breakpoints—iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px), and iPad mini (768 × 1024 px). Each preset adjusts the meta viewport tag, element widths, and scroll behaviour to mimic the feel of the chosen device.

Who benefits?

Front-end developers can catch layout regressions in seconds without opening DevTools—ideal when juggling multiple branches or staging servers.

UI/UX designers gain a quick sanity check before shipping new Figma comps to engineering.