Mobile View With Google Chrome

Summary

Preview see what your web page looks like on a mobile device using Chrome Inspect.

Body

See what a website looks like on a mobile phone while using your computer.

Written Instructions

  1. Right-click any text on your web page within the Google Chrome web browser, select “Inspect.”
  2. Click on icon that looks like a mobile phone and a tablet, found at top right of inspect window. This is “Toggle device toolbar.”
  3. Change “Responsive” to iPhone 6/7/8 or desired device using the dropdown arrow at top left of the webpage.
  4. Click the down arrow in the top right.
  5. Then click “Show device frame.”

Finished Result

Mobile view within the Google Chrome browser

Details

Details

Article ID: 85541
Created
Fri 8/23/19 6:11 PM
Modified
Wed 9/4/24 3:20 PM