Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Preferred way to debug articles in the app

tsoojh1812
Level 2
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
mikecyang
Correct answer by
Employee
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
mikecyang
Correct answer by
Employee
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

markpriddy
Level 1
Level 1

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

scottl-axis
Level 1
Level 1

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