Convert E-mails into WordPress Posts
Detect and Direct Mobile Devices
How to Optimize JPEG Images for the Web

How to Use Developer Tools in Safari on iOS

Enabling the Debug Console in Safari on iPhone, iPod touch, or iPad allows you to see HTML, CSS, and JavaScript errors directly in the device. This is the most reliable way to ensure that you have no surprise issues to resolve when you do your final testing.

To enable the Debug Console in Safari, follow these instructions.

1

Tap the Settings icon on the iPhone or iPad desktop.

The Settings screen opens.

2

Tap to choose Safari from the list of software available on your device.

The Safari Settings screen opens.

3

Scroll to the bottom of the screen and then tap Developer.

The Developer screen appears.

4

Touch the On button to activate the Debug Console.

After the Debug Console is enabled, Safari reports any errors it encounters when accessing a website. At the top of every web page, just under the address bar, the Debug Console reports any HTML, JavaScript, or CSS errors.

Long log entries are now truncated to fit the space available in the Debug Console. For best results, when using the Debug Console to track JavaScript log events in Safari on iPhone or iPod touch, keep your log entries short.

blog comments powered by Disqus
Publishing Files to a Web Server with FTP
How to Install Safari Testing Extensions
Basic Strategies for Making Websites Mobile-Friendly
 
Choose Widgets to Display on Your Blog
Test Your Mobile Site with DeviceAnywhere
Advertisement

Inside Dummies.com