Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to debug web sites on mobile devices?

How do people debug websites on mobile devices?

I'd like to be able to manipulate the HTML and CSS similar to using the Inspector in a desktop browser, and debug JavaScript.

like image 611
Crashalot Avatar asked Apr 26 '11 18:04

Crashalot


People also ask

Can you use inspect element on mobile?

Different methods are available to inspect elements on Android. As a developer, I recommend using LambdaTest or LT Browser to inspect elements on Android phones. With LambdaTest, you can test websites, web and mobile apps on the latest Android browser emulators, mobile iOS simulators and real devices.


1 Answers

This is the correct answer, not sure why Blaine only left it as a comment!

As of iOS 6 Remote Debugging is available: https://stackoverflow.com/a/12762449/72428

On OS X you can use the Safari web inspector on the iOS Simulator AND iOS 6 devices.

  1. First enable the Developer menu in Safari on your Desktop.
  2. Next, enable remote debugging on your iOS device (or simulator).

    Settings > Safari > Advanced > Web Inspector (ON)

  3. Go back to Safari on your computer, click the Developer menu, and select your device (e.g. iPhone Simulator, iPhone)

like image 93
Meekohi Avatar answered Oct 23 '22 20:10

Meekohi