Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Preferred way to debug articles in the app

Avatar

Level 2

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?

1 Accepted Solution

Avatar

Correct answer by
Employee

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.

View solution in original post

4 Replies

Avatar

Correct answer by
Employee

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.

Avatar

Level 1

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

Avatar

Level 1

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