How to see on the desktop the mobile version of this site that is not responsive?

0

I need access to the mobile version of the articles from a certain website on the desktop, for the development of an extension.

A sample page .

The site is not responsive, it does not use a specific mobile subdomain, but changing the user-agent to that of a mobile phone does not resolve either. Does anyone know what's going on?

    
asked by anonymous 30.12.2015 / 02:12

1 answer

6

No extensions or plugins , Chromium-based browsers have advanced tools to simulate devices such as smartphones and tablets.

Simulate mobile browsers

Navigate to the site of interest and using Google Chrome press:

  • Ctrl + F12

Or in Opera:

  • Ctrl + Shift + i

Developer tools will appear:

Thenclicktheiconthatlookslikeacellphone:

Clickingwilldisplaythisscreenanditwillgointodeviceselectionandsimulationmode(inmycasethedefaultisIphone4):

Thenclickthecomboandswitchtothedesiredmobilephonemodel:

NotethatthereisanorangestripeandthattheUser-agentchanges(whereUAiswritten),thismessagesaysthatsomesitesneedtoreloadthepage:/p>

Asanon-responsivesiteyouwillneedtoreloadthepagewithF5anddependingonwhetheritiscachinguseCtrl+F5thecacheforthespecifictab),seehowthept.stackoverflow.comsitegotafterF5:

TherearesomesitesthatuseCookiesor localStorage to save the default page which should use mobile or desktop, then neither Ctrl + F5 will work, in this case follow these steps:

  • Open an anonymous window (do not open any sites in it)
  • Click F12 if Chrome or Ctrl + Shift
  • Then select the Device desired
  • Then paste the desired website into the address bar.
  • See how you got anonymously:

    ExtrafeaturesoftheChromeandOperadevelopertools

    • Simulateslowerconnections:

    • Potraitchangesthewidthbyheightandviceversa,ieitsimulatestherotationandtheiconwiththe2tochangethepixelratiothatsimulatesretinascreens.

    30.12.2015 / 02:35