Enable the Safari Debug Console on iPhone & iPad

May 7, 2012 - Leave a Comment

Safari Debug Console in iOS, as shown on iPhone

Safari for iOS includes an optional debug console to help web developers track down and resolve issues with webpages while on the go. While not as in inclusive as the desktop Safari debug and developer tools, it’s still useful and is easy to enable or disable on the iPhone and iPad:

  1. Launch “Settings” and tap on “Safari”
  2. Tap on “Advanced”
  3. Slide “Debug Console” to ON
  4. Enable the Safari Debug Console in iOS

Once enabled, tap on the Debug Console at the top of any Safari screen to see web page errors. The default list shows all errors, but you can drill down to more specific HTML, JavaScript, and CSS errors by tapping them individually.

Another useful tool for mobile web developers is Firebug Lite for iOS, which utilizes a javascript bookmarklet to load a simpler version of the popular Firebug development tool.

Enjoy this tip? Subscribe to the OSXDaily newsletter to get more of our great Apple tips, tricks, and important news delivered to your inbox! Enter your email address below:

Related articles:

Posted by: Paul Horowitz in iPad, iPhone, Tips & Tricks

Leave a Reply

 

Shop for Apple & Mac Deals on Amazon.com

Subscribe to OSXDaily

Subscribe to RSS Subscribe to Twitter Feed Follow on Facebook Subscribe to eMail Updates