Is there a way to use Webkit Inspector Remote Debugging in iPad?

I have an iPad and I am wondering if I can remote debug it from the desktop using Webkit Inspector? As I understand it, it requires you to launch the browser with a command line switch. I do not t开发者_JAVA技巧hink that's possible to do in iPad, but I may be wrong.

What about iPad2? Or Android powered tablets?

---

See weinre

Here's an excerpt:

It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

If you aren't familiar with FireBug or Web Inspector, weinre isn't going to make too much sense to you. weinre reuses the user interface code from the Web Inspector project at WebKit, so if you've used Safari's Web Inspector or Chrome's Developer Tools, weinre will be very familiar.

---

Now you can debug using Safari 6 and the new Web Inspector straight on the iPad/iPhone simulator http://encoreptl.tumblr.com/post/31512516711/web-inspector-debugging-for-iphone-and-ipad-from-mac-os

---

Also a new blog post out using private apis that makes this very easy -- see http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/

---

For the iPad Emulator (Xcode 4.2) you can use iWebInspector to comfortably enable the remote console:

http://www.iwebinspector.com/

---

Your question mentions Android tablets. With Chrome for Android (4.0), you can debug web pages remotely in Chrome for the desktop over USB. I use this and it works very well. See https://play.google.com/store/apps/details?id=com.android.chrome&hl=en and https://developers.google.com/chrome/mobile/docs/debugging.

Edit: weinre, mentioned in the accepted answer above, also reports that it works in the Android browser.

---

Paul is correct, weinre is great. In addition, in http://css-tricks.com/14727-five-questions-with-paul-irish/ Paul Irish hints that this will be (is?) possible with the Chrome Developer Tools/Webkit Inspector:

I'm very excited about the work the team has done on remote debugging as that is now available to all mobile WebKit ports, which means you're able to profile, view network detail, and edit the CSS live on your device. I have yet to see an example on how to do this with iOS Safari, however.

---

You can also use this to activate Firebug on your device. Worked for me on Windows

http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone

---

Safari allows you to debug and inspect the elements in the mobile browser. Also many remote consoles like www.farjs.com or jsconsole.com also allow that.

www.farjs.com used with a debugging proxy like Charles also allows you to debug a web-views in native apps.

---

If you are not tied in to Webkit-based debuggers and can also debug using Firefox's Inspector, using Firefox Developer Edition might be your answer. This version of Firefox includes WebIDE and Valence, which together make it very easy to debug Safari on iPad. Here are the steps to follow:

• Enable the 'Web Inspector' on Safari in your iPad: go to Settings > Safari > Advanced > Web Inspector and make sure it's on.

• Open the page that you want to debug.

• Connect the iPad to your machine with its USB cable.

• Open Firefox Developer Edition in your machine.

• Click on the WebIDE add-on in Firefox (you might have to look for it under the main menu)

  

• Select 'Safari on iOS' as the Runtime

  

• Click on 'Open App' and you'll see the page that you opened on Safari listed there.

• Select it. A FF dev tools window will appear.
• Debug away!