Strona główna > Cache, HTML5, Internet Explorer, Visual Studio > HTML5 Application Cache–naprawiamy błędy

HTML5 Application Cache–naprawiamy błędy

W poprzednim artykule pisałem o tym jak wdrożyć na swojej stronie internetowej Application Cache dostępny w HTML5.
Wdrożenie to jednak nie wszystko, okazuje się że często dochodzi do problemów, są one spowodowane dwoma rzeczami:

  • błędami ludzkimi
  • błędami w obsłudze standardu w różnych przeglądarkach

 

Plik manifest – za dużo plików

Otrzymuje od programisty następujący plik appcache.manifest

image

i zastanawia co najmniej kilka kwestii:

  • nie ma indeksu wersji w pliku, np: #v1
  • powinniśmy jako dobra praktyka dodać sekcję CACHE: , bo standard HTML5 jest dość chwiejny i może im się zmienić coś w dokumentach i nagle inny nagłówek będzie domyślny (mamy jeszcze 2 inne dostępne).
  • Kilka wersji jQuery, zwykłego oraz UI – powinna być jedna wykorzystywana w aplikacji.
  • linkowane są biblioteki w wersji pełnej i minimalistycznej.
  • linkowane są pliki, które służą do budowania IntelliSense w Visual Studio.

To wszystko pobiera nieświadomy użytkownik, bo kazaliśmy to zrobić jego przeglądarce internetowej.

AppCache – błędy i brak działania

Mimo tego, że każemy ściągać wiele plików, których może nie wykorzystujemy to nie jest największy problem. Okazuje się, że technologia jest nieodporna na błędy i jak tylko, któryś z zasobów zdefiniowanych w pliku manifest nie będzie istniał cache’owanie przestanie działać.
Nie przedając faktów popatrzmy na załadowaną stronę w Internet Explorer (z narzędziami dla programistów –> uruchamiamy przez F12)

image

Otrzymujemy informację, że coś poszło nie tak, ale nie wiemy co.

Uruchamiamy Chrome również z narzędziami dla programistów:

image

Bingo! Wiemy co się stało… nie działa cache’owanie ponieważ brakuje pliku na serwerze, który był wpisany w manifest. Kto by pomyślał, że drobny błąd wyłączy wszystko.

Jak to wygląda po poprawkach

W Chrome możemy podglądać jak wygląda lokalny Application Cache

image

 

Podsumowanie

Analizujmy strony wynikowe, analizujmy pracę Naszych pracowników, uczmy się!

  1. Brak komentarzy.
  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: