How do I debug a site on mobile devices?

6

I'm developing a website that, although it looks good on the desktop, is getting deformed when accessed via mobile devices. Specifically, some issues occur when using the Android default browser , others when using Chrome pro Android. I do not have access to other devices to test (iPhone, etc).

To debug on the desktop, you generally just have to use the browser's own tools (type "Inspect Element"), but there is something equivalent that I know about these devices. I see the element out of place, but I can not imagine why ... (and the site still uses several third-party plugins, which complicates the job a little)

Are there tools to help debug mobile sites? Preferably something I can install on the desktop without having to actually access the device. I got to install Android in a virtual machine, which does not help much, because it still lacks the means to do the debugging. How is this usually done?

    
asked by anonymous 27.02.2015 / 21:08

3 answers

1

Well, I advise you to download Firefox Developer Edition the logan of them is "Made for those who make the Web, We present the only browser made especially for developers like you." follow the link: Firefox Developer Edition

    
02.03.2015 / 02:34
1

You can use the google chrome option in the options bar next to Elements .

Device mode.

You can debug and view your site across multiple devices. The emulators will never be 100% but I use some time and it helps a lot, at the time of testing.

    
02.03.2015 / 14:31
1

If javascript-only debugging can use link

    
02.03.2015 / 15:06