iPhone Website Testing – Debug Console

iPhone Website Testing – Debug Console

Following on from my post the other day about iPad Website Testing, I thought I’d post on a similar area, but on iPhone device.

Turning on the Debug Console before starting testing will help identify any errors which may occur during the testing. The error messages will be shown in the Debug Console and these error messages can be very useful to the developers who have to fix the error. You can then take a screenshot of the Debug Console and send that to the developers or whoever needs to see it.

To turn on the Debug Console:

  • Go to Settings on iPhone
  • Select Safari from the list
  • Select Advanced at bottom of list
  • Turn ON the Debug Console (see screenshot below)

Update: Since the iOS 6 upgrade, the ‘Debug Console’ option seems to have disappeared! Nice move Apple! 

iPhone Settings Advanced

Using Debug Console during testing:

  • The Debug Console will sit at the top of the browser and tell you of any Messages which you can check easily, by pressing the Messages alert. See screenshot below.
  • The Console will then display any error messages
  • From the options at the end of the screen, you can select All Messages, or select only HTML messages, only JavaScript messages or only CSS messages
  • See the screenshot below for an example Debug Console display

iPhone Safari Debug Console Errors List

iPhone Safari Console