Preferred way to debug articles in the app | Adobe Higher Education
Skip to main content
Level 2
July 22, 2015
Resuelto

Preferred way to debug articles in the app

  • July 22, 2015
  • 4 respuestas
  • 2483 visualizaciones

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?

Este tema ha sido cerrado para respuestas.
Mejor respuesta de 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 respuestas

Level 2
August 19, 2015

yes, plus one for this one

mikecyang
Adobe Employee
mikecyangAdobe EmployeeRespuesta
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.