How to debug a website on mobile devices?

Asked

Viewed 10,752 times

6

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

To debug on the desktop, usually just use the tools themselves browser ("Inspect Element" type), but there’s nothing equivalent I know about these devices. I see the element out of place, but I can’t imagine why... (and the site still uses several third-party plugins, which complicates a bit the task)

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

cross-browser debug mobile
  • 6

    The device mode of google Chrome you’ve used?

  • @haykou I did not know no, it looks very good! Thanks, I will try here

  • A fantastic option on Chrome for Android is the Remote Debugging.

3 answers

1

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

1

You can use the option on google Chrome itself in the options bar next to Elements.

Device mode.

You can debug and view your website on multiple devices. Emulators will never be 100% but I use a lot of time and help, when testing.

1

Browser other questions tagged cross-browser debug mobile

You are not signed in. Login or sign up in order to post.