Loading ...W rozdziale:
- Wprowadzenie
- Element canvas
- Element video
- Magazyn lokalny
- Robotnicy sieciowi
- Aplikacje offline
- Geolokalizacja
- Formularze HTML5
- Mikrodane
- API historii
Czytanie statycznych stron bez połączenia z internetem jest łatwe: wystarczy połączyć się z internetem, wczytać stronę, rozłączyć się, a następnie zaszyć się w chacie w lesie na odludziu i zgłębiać lekturę. (Dla zaoszczędzenia czasu można pominąć część z chatą). Ale co z takimi aplikacjami jak Gmail czy Google Docs? Dzięki językowi HTML5 każdy (nie tylko Google) może zbudować aplikację sieciową działającą także bez połączenia z internetem.
Aplikacje sieciowe offline przynajmniej przy pierwszym użyciu muszą być online. Przy pierwszej wizycie użytkownika na takiej stronie serwer informuje przegldarkę, które pliki są potrzebne do działania aplikacji po odłączeniu internetu. Może to być wszystko — pliki HTML, JavaScript, obrazy, a nawet wideo. Gdy przeglądarka pobierze wszystkie potrzebne pliki, będzie można korzystać ze strony nawet nie mając połączenia z internetem. przeglądarka wykryje, że internet jest odłączony i będzie używać plików, które wcześniej pobrała. Po podłączeniu internetu wszystkie wprowadzone zmiany mogą zostać wysłane na serwer.
Obsługę tej technologii sprawdza się przy użyciu techniki nr 1. Jeśli przeglądarka obsługuje aplikacje sieciowe offline, to globalny obiekt window ma własność applicationCache. Jeśli przeglądarka nie obsługuje aplikacji sieciowych offline, własność applicationCache jest niezdefiniowana. Obsługę tej technologii można sprawdzić za pomocą poniższej funkcji:
function supports_offline() {
return !!window.applicationCache;
}Zamiast pisać tę funkcję własnoręcznie, do sprawdzania obsługi aplikacji sieciowych offline można użyć biblioteki Modernizr (w wersji od 1.1).
Sprawdzanie obsługi aplikacji sieciowych offline
if (Modernizr.applicationcache) {
// własność window.applicationCache jest dostępna!
} else {
// brak standardowej obsługi aplikacji sieciowych offline :(
// możesz spróbować użyć Gears albo innego zewnętrznego rozwiązania
}Pamiętaj że w języku JavaScript wielkość liter ma znaczenie. Atrybut Modernizr nazywa się applicationcache (same małe litery), natomiast obiekt DOM ma nazwę window.applicationCache (małe i wielkie litery).
Wysyłam...
Dodaj komentarz