WebClient for CA Plex shields you from much of the need to delve into the internals of HTML5 and JavaScript on the iPhone/iPad platform. However, the fact is that sometime you have to debug the HTML and CSS directly on the device. This is a guide on how to do it.
There are two options available. The first is to turn the JavaScript debug console on. You can do this by visiting the device settings, and moving down to Safari. From Safari select Advanced Settings and turn on the JavaScript Console. This is sufficient for many issues.
Although the Apple debug console is certainly useful, sometimes you need more. One way is to use the Firebug, a popular JavaScript debugging platform.
You can debug using Firebug on your iOS device.
First, open Safari on your mobile device.
Next, create a bookmark in Safari on your iOS device for any webpage, and name that bookmark “Firebug.”
Following this, launch Safari and edit the Firebug bookmark, replacing the URL with the above text. Hit “Done,” and the bookmarklet should be created and ready to use.
In order to launch the Firebug console, visit a website on your iOS device and, once the website has loaded, open your Bookmarks in Safari and touch Firebug. After a few moments, the console should appear at the bottom of the webpage (as you can see in the above image).
javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+’NS’]&&F.documentElement.namespaceURI;E=E?F[i+’NS’](E,’script’):F[i](‘script’);E[r](‘id’,b);E[r](‘src’,I+g+T);E[r](b,u);(F[e](‘head’)[0]||F[e](‘body’)[0]).appendChild(E);E=new%20Image;E[r](‘src’,I+L);})(document,’createElement’,’setAttribute’,’getElementsByTagName’,’FirebugLite’,’4′,’firebug-lite.js’,’releases/lite/latest/skin/xp/sprite.png’,’https://getfirebug.com/’,’#startOpened’);
Following this, launch Safari and edit the Firebug bookmark, replacing the URL with the above text. Hit “Done,” and the bookmarklet should be created and ready to use.
In order to launch the Firebug console, visit a website on your iOS device and, once the website has loaded, open your Bookmarks in Safari and touch Firebug. After a few moments, the console should appear at the bottom of the webpage (as you can see in the image).
