Preferred way to debug articles in the app | Community
Skip to main content
Level 2
July 22, 2015
Solved

Preferred way to debug articles in the app

  • July 22, 2015
  • 4 replies
  • 2466 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by mikecyang

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.

4 replies

Level 2
August 19, 2015

yes, plus one for this one

mikecyang
Adobe Employee
mikecyangAdobe EmployeeAccepted solution
Adobe Employee
August 19, 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.
markpriddy
September 22, 2017

How would I manage this with an app signed with an Enterprise certificate?

September 28, 2017

You cannot inspect applications signed with an enterprise cert. It must be a development cert.