Preferred way to debug articles in the app

tsoojh1812

22-07-2015

We have created articles that work perfectly fine in the browser, but don't work when shown in the (iOS) app. What is the best way to debug these articles?

Accepted Solutions (1)

Accepted Solutions (1)

mikecyang

Employee

19-08-2015

Hi,

To debug HTML articles in iOS, try the following:

  • Make sure that the app is signed with a non-enterprise Apple certificate.
  • On the iOS device, go to Settings > Safari > Advanced and enable Web Inspector.
  • On a Mac, open Safari and go to Safari > Preferences > Advanced and check Show Develop menu in menu bar.
  • Plug the iOS device into the computer (using a lightning to USB cable).
  • If prompted to trust the computer, select yes.
  • On the Mac Safari, select the Develop tab and you should see the name of your iOS device listed.
  • Hover over the iOS device name and you'll see Index.html.
  • Select that and it'll open the console, similar to how you would Inspect Element on a web page in Safari.

To debug HTML articles in Android, try the following:

  • On the Android device, go to Settings > About tablet and tap on the Build number until you get the message that you are now a developer.
    • Go to Settings > Developer options and enable USB debugging.
  • Plug the android device into the computer.
  • If prompted to trust the computer, select yes.
  • Open Chrome on the computer and enter the following URL: chrome://inspect.
  • Check the Discover USB devices and you should see the Android device listed on this page.
  • Click on the Android device listed to web inspect the HTML content.