Unanswered

How to debug a model driven app on a mobile phone ?

(0) Share

Report

Posted on by John Zheng

I have a model driven app that has a lot of customized UI component (written in React/TypeScript and compiled to bundle js and html). The UI of the App display without issues when access from a desktop browser. F12 does not show any errors. However, if I access this app from a phone using Dynamics 365 for Phone, some components will not render. There is no error thrown on the mobile App UI.

How can we debug or see 'Console' tracing when running on mobile? I tried the Monitor capability already from make.powerApps.com, but it is still for desktop browser. l need a way to debug within the mobile app. Thanks a lot

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (6)

Answers (0)

Sort by

ScottDurow 1,039 on at

Like (1)

Report
Copy link

Link copied!

Hi @JohnZheng
This is definitely a tricky one - I have never managed to get a debug experience on the phone - but if the issue happens in the windows version of the mobile app you can attach Visual Studio to it to debug JavaScript.

Other than that, it's basically a case of stripping things back until you can find what is causing it to fail.

When running on the iphone, it's running inside safari and on android, it's chrome - so you could start with trying in those browsers.

Was this reply helpful? Yes No
John Zheng 47 on at

Like (0)

Report
Copy link

Link copied!

@ScottDurow thanks. However, the issue only show appear within the Dynamics 365 for Apps. It works fine in phone browsers and Chrome emulators in PC.

Stripping it piece by piece is not pretty because those are pretty complicated React/React/TypeScript components we built.

Anyway, thanks for the suggestions

Was this reply helpful? Yes No
Ben Thompson 1,400 on at

Like (2)

Report
Copy link

Link copied!

Have you deployed multiple versions of the PCF components.

If you have I've been there in the past and things may be fixed by removing and reinstalling the app which resets the cached form structure.

Was this reply helpful? Yes No
John Zheng 47 on at

Like (0)

Report
Copy link

Link copied!

We are not using PCF. Those are react/typescript component we wrote in past few years which transpile to js and html and used as web resources in the system.

I have been told today by a PowerApps guru that most customers of his are using mobile browser only instead of the "Dynamics 365 for Phone". This can definitely change the game for us since those components are rendering fine in mobile browser.

Was this reply helpful? Yes No
OOlashyn 3,498 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @JohnZheng ,

It might sound obvious but did you enable your html web resource for mobile? You need to check "Enable for mobile" checkbox on web resource otherwise it will not render in Dynamics 365 for Phone (see attached).

Was this reply helpful? Yes No
John Zheng 47 on at

Like (0)

Report
Copy link

Link copied!

Thanks for this. We actually figured that out last week. We actually have the flag set. But in addition, you need to make sure three more flags are edit in the form customization: Containing tab, Containing section, and Containing web resource container. The following link helped us to the final resolution

https://stackoverflow.com/questions/44969730/ms-crm-web-resource-is-not-visible-on-android-7-0-device

Was this reply helpful? Yes No