IONIC 4 blurry app / app gets blurry / low quality app

This is how the page looks

and then sometimes it suddenly starts looking like this

Why does this happen I couldnt find anything related

Are you debugging your app through Google Chrome’s inspect page ?

1 Like

Cheers
Well sometimes I am indeed debugging it with the chrome dev tools, but this blurry thingy has also happened to me before when I wasn’t debugging it at all, it happens pretty randomly on ocasion and randomly on different pages

Personally, it always happens when I’m mirror debugging my apps with Chrome dev tools, but it never happened to me without it opened :confused:
Sorry, I wish I could help you more than this…

But I do have to say that statistically it happens WAYYY more when I am debugging through chore devtoos, and when I’m not it very rarely happens, and when it does I just rebuild and everything works fine until I get rarely unlucky again, so I’ll take that as a viable solution.

1 Like

I can confirm this behaviour. Does this problem still occur to you, or did you manage to find the cause and could solve it? I am also not sure if it has something to do with the inspection feature of the Chrome dev tools, it’s possible…but I’ve also had it while not debugging at all.

Ionic:

Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.803.28
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Capacitor:

Capacitor CLI : 2.2.1
@capacitor/core : 2.2.1

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v12.16.1 (C:\Program Files\nodejs\node.exe)
npm : 6.13.4
OS : Windows 10