DevTools Tips: Device Mode

With DevTools, you can test how your website behaves and performs on any device without having to browse it on real devices.

Use the Device Mode to simulate a mobile viewport and configure it:

• Set the device dimensions in various ways or use the presets.
• Switch between landscape and portrait orientations.
• Debug the @media min- and max-width breakpoints.
• Choose a device to simulate or configure a custom one.
• Simulate your page’s performance on mid-tier and low-end devices by throttling CPU and network speed.
• Enable offline mode to test your website’s offline content, if any.

To learn more, see Simulate mobile devices with Device Mode.