How to see the mobile version of a Weebly page on Desktop Chrome?

1

1

I'm trying to debug the mobile version of a Weebly-built website in Desktop Chrome. I have set up mobile emulation as explained here and I'm entering the iOS 7 user-agent.

I can see the mobile version on pages such as google.com and wikipedia.org, but Weebly keeps serving me the desktop website to the Chrome mobile emulator. Seeing the same website on iOS' Safari shows the mobile version.

How can I see the mobile version of Weebly websites on the desktop?

Ricardo Sanchez-Saez

Posted 2014-03-31T00:14:03.067

Reputation: 1 215

Answers

2

Right Click on page-Click on Inspect Element-Click On Emulation

In Device Select "Apple Iphone 5". In Screen Turn The Resolution To Full. Make sure that screen,User Agent,And Sensor is Checked.

anmoloo7

Posted 2014-03-31T00:14:03.067

Reputation: 21

Try adjusting zoom level of browser – anmoloo7 – 2017-11-27T16:00:49.457

I keep getting the desktop version of the page, not the mobile one. – Ricardo Sanchez-Saez – 2014-03-31T15:55:29.013

@rsanchezsaez Refresh the page after switching to iPhone 5 – Moses – 2014-04-01T14:16:41.570

I refreshed, no difference. – Ricardo Sanchez-Saez – 2014-04-01T16:04:36.247