Issue with browser/compiled version of the app


#1

Hi, i’m having some style issues that can only be seen in the compiled version (in the device, all platforms) and can’t replicate these same issues in the browser that i’m using to develop the app (Chrome and Firefox). Thanks


#2

Note that in the devices, platform specific classes are added to the DOM. You should inspect your DOM on the devices and find the issues


#3

Yeah, but when I run ionic serve -l and I can see all devices simulated in the browser I should be able to see all these classes right? If not how can inspect the DOM on the devices? Thank you!


#4

Did I understand correctly that some style don’t work on devices, but they work via ionic serve?

If so:
Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
Look at the console and network tabs for errors.