Windows & Other OS

How to view mobile websites on your computer in Chrome

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”).

Open the menu

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.

Drag the handle on the right side to see how the page dynamically changes.

You can also select the drop-down menu on the top bar and view the page formatted for specific devices.

Click the drop-down menu to switch devices.

Close the “Inspect” menu or click the device icon again to return to the desktop layout.

Close the menu

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.

RELATED:   How to automatically forward specific emails in Gmail

Related posts

What are decentralized VPNs?

vaibhav

How to save a screenshot as PDF in Windows 10

vaibhav

How to use one-handed mode on Android

vaibhav

Leave a Comment