) > Device Emulation to open the UI that enables you to simulate a mobile viewport.īy default the Device Toolbar opens in Responsive Viewport Mode.
Select Toggle device emulation ( ) or select Customize and control DevTools (. Your machine can be a notebook or desktop computer. You can view, change, debug, profile, or all four while you interact with the code. Use Remote Debugging to interact with the code of a page from your machine while your page actually runs on a mobile device. When in doubt, your best bet is to actually run your page on a mobile device. For example, the architecture of mobile CPUs is different than the architecture of laptop or desktop CPUs. Some aspects of mobile devices are never emulated in DevTools.
Instead, you simulate the mobile user experience from your laptop or desktop. Device Emulation doesn't actually run your code on a mobile device. Use the Device Emulation tool, sometimes called Device Mode, to approximate how your page looks and responds on a mobile device.ĭevTools provides the following mobile device emulation features:ĭevice Emulation is a first-order approximation of the look and feel of your page on a mobile device.
