Animacje kątowe i znakowanie nie działające na urządzeniach mobilnych

Question

Dodałem kilka animacji ng-view (kątowy v 1.1.5) do aplikacji w telefonie. Świetnie sprawdzają się w przeglądarce podczas testowania zarówno za pomocą ripple, jak i podczas wskazywania przeglądarki telefonu komórkowego (w tym przypadku Chrome Chrome) do aplikacji online, ale po zainstalowaniu z kartą phonegap animacje nie działają. Nie jestem pewien, czy problem dotyczy phonegapa czy kanciastego. Początkowo myślałem, że animacja jest zbyt szybka, więc spowolniłem ją do 1.5s, ale nie zmieniło to aplikacji.

Czy jest to kwestia luki telefonicznej, problem kątowy i/lub jak możemy z nich korzystać?

CSS zdefiniowane animacja:

.view-enter, .view-leave { 
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s; 
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s; 
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s; 
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s; 
} 

.view-enter { 
    opacity:0; 

} 
.view-enter.view-enter-active { 

    opacity:1; 
} 

.view-leave { 

    opacity:1; 
} 
.view-leave.view-leave-active { 
    left:-100px; 
    opacity:0; 
} 

Znowu te działają świetnie w przeglądarce telefonu, nie tylko kiedy jest wewnątrz aplikacji PhoneGap. Używanie kompilacji Adobe do budowania aplikacji. Również pobieraję css i wyświetlam na stronie tylko po to, aby potwierdzić faktyczny plik css zawarty w kompilacji phonegap (it is).

Na jeden z komentarzy użytkownika, tutaj jest HTML. Reszta jest obsługiwana przez domyślne animacje kątowe. Działają dobrze, gdy działają w przeglądarce, ale nie działają, gdy są uruchomione wewnątrz phonegapa. Trasowanie działa, widok ng jest zmieniony, ale animacja nigdy nie występuje.

<div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}" > 


    </div> 

Testowane na Nexus 4.

Answer 1

Jest to z pewnością problem z stanie przeglądarce Android 4.2 za. Pierwszą wskazówką jest to, że działa dobrze na komputerze iw przeglądarce Chrome, ale nie w Phonegap - InAppBrowser korzysta z przeglądarki Android.

Obsługa animacji (i ogólnie HTML5) była dość okropna w systemie Android 4.2. Oto te dziwactwa z handy rundown.

Mamy nadzieję, że od czerwca można uaktualnić wersję Androida!

Answer 2

Możesz zajrzeć do CocoonJS (działa z Cordova) lub Crosswalk jako ścieżek, aby przyspieszyć wszelkie spowolnienia związane z przeglądarką podczas wdrażania na starszym systemie Android.