Most internet usage now happens on phones and tablets, so you may want to check how a website looks on a mobile device. Google Chrome has a handy tool that allows you to do it right from your desktop computer.
Maybe you are doing web development and want to test how receptive is your website, or maybe you’re just curious. Either way, you can quickly check from Chrome’s “Inspect” menu. We will show you how it works.
First, navigate to the website you want to see in mobile view from Chrome on the desktop. Once there, you can do one of two things:
- Right-click on the blank space and select “Inspect” from the menu.
- Use the keyboard shortcut Ctrl + Shift + I (That’s a capital “i”).
The Inspect menu will open from the right side of the browser window. All you need to do is click on the device icon on the top toolbar.
The page will immediately change to a mobile layout. By default, it will be in “Responsive” mode, and you can drag the controller on the right side to see that the page dynamically changes as the screen is enlarged.
You can also select the drop-down menu on the top bar and view the page formatted for specific devices.
Close the “Inspect” menu or click the device icon again to return to the desktop layout.
That’s pretty much all there is to it. Now, you can easily view websites in a variety of different mobile layouts at Chrome without bothering to pick up your phone.