Developing web pages for mobile devices can be difficult. With iOS 6 (and higher), Apple offers a new remote web inspector feature in iOS that lets web developers use OS X Safari’s developer tools to remotely debug web content in mobile Safari on iPad or iPhone. This is an easy and practical way to debug, optimize and modify your web pages on iOS.
Here is to use Web Inspector to debug mobile Safari
1.On your iPad, iPhone or iPod touch, tap Settings > Safari > Advanced and toggle on Web Inspector.
2.On your Mac, launch Safari and go to Safari menu > Preferences > Advanced then check “Show Develop menu in menu bar” if you have not done so already.
3.Connect your iOS device to your Mac with the USB cable.
5.Now on your iPad open the website that you want to debug, then, on your mac, open Safari and go to the “Develop” menu. You will now see your iOS devices that you have connected with your Mac. If you do not have any page open on your iOS device, you will see a message saying “No Inspectable Applications”.