DevTools Tips: Device Mode

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.

This post is also available in: DevTools Tips: Device ModeEnglish