The project uses Vue spa, mobile H5 page.
The JS and CSS files of the project are relatively large. In order to reduce the size of the files, they are only loaded
index.html, but JS and CSS files are not loadedWhite screen time, insert the loading animation directly into
index.htmlIn this way, users can directly see the animation after loading the entry file. When Vue is initialized, Vue’s animation will take over the original animation.
This is done in the
AndroidThere is no problem on the device, the animation can be displayed normally, but in the
iOSOn the device, whether it’s safari or WebView of some apps,
index.htmlThe effect is a long time of white screen, and then the Vue animation directly appears.
I use the background color to test whether it is inline animation or Vue animation. Android is normal. There are two animations (entrance file and Vue), and IOS has only one (Vue).
Do you have any such problems and how to solve them?
Give a test link or code to see it
Did you solve it, brother
Has old fellow iron been solved? I have also found IOS, no Android can.