View the Mobile Version of a Web Page for Desktop - "How to"

patrocle

Well Known Senior Member!
Trusted Uploader
Nov 17, 2018
969
1,571
100
Ca. Usa
babiato.tech
Just wanted to share how you can see or test your website mobile view on your desktop in Google Chrome browser.

1. Open your website url, will example :
https://www.microsoft.com/en-us/
15816

Then press F12 on your keyboard and you should get the split screen on your right:

j663b5.jpg


Then click the mobile icon:

1z4kefl.jpg


Then after at top center in the drop down, change to whatever device you want to see how your wp or other site will look on mobile devices:

hsml1g.jpg


(i have it on iphone 8 plus.)

Enjoy.
P.
 

Latest posts

Forum statistics

Threads
69,435
Messages
909,670
Members
239,362
Latest member
ameliaislaking

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu