HTML5 Application Cache
Za pomocą HTML5, tworząc plik manifestu pamięci podręcznej, można łatwo tworzyć w trybie offline wersje aplikacji internetowych.
Co to jest pamięć podręczna aplikacji (Application Cache)?
HTML5 wprowadza pamięci podręcznej aplikacji, co oznacza, że aplikacje internetowe mogą być przechowywane i mogą być dostępne bez połączenia z internetem.
Aplikacja podręczna aplikacja przynosi trzy zalety:
- Offline przeglądania - użytkownicy mogą z nich korzystać w trybie offline aplikacji
- Speed - buforowane zasobów ładują się szybciej
- Zmniejszyć obciążenie serwera - przeglądarka pobierze tylko zaktualizowane lub zmienione zasobów z serwera.
Pomoc Browser
Internet Explorer 10, Firefox, Chrome, Safari i Opera obsługuje pamięć podręczną aplikacji.
przykłady HTML5 Oczywista Cache
Poniższy przykład pokazuje dokument HTML z manifestu pamięci podręcznej (do przeglądania w trybie offline):
Przykłady
<html manifest="demo .appcache ">
<body>
文档内容......
</body>
</html>
Spróbuj »
Podstawa Oczywisty Cache
Aby włączyć pamięć podręczną aplikacji, etykieta zawiera oczywisty atrybut w dokumencie <html>:
<html manifest="demo .appcache ">
...
</html>
Każdy manifest określoną stronę, gdy użytkownicy uzyskują dostęp do ich będą buforowane. Jeśli manifestu atrybut nie jest określony, strony nie będą buforowane (chyba bezpośrednio określić stronę w pliku manifestu).
Sugerowana manifest rozszerzenie pliku ". Pamięć podręczną aplikacji".
Należy pamiętać, że pliki manifestu należy skonfigurować prawidłowy typ MIME, mianowicie "text / cache-oczywistego". Musisz być skonfigurowany na serwerze WWW.
plik manifestu
Plik manifestu jest to zwykły plik tekstowy, który mówi, zawartość pamięci podręcznej przeglądarki (i nie buforuje zawartość).
pliki manifestu można podzielić na trzy części:
- CACHE MANIFEST - w nagłówku tego dokumentu będą buforowane po pierwszym pobrania
- SIEĆ - W tym tytule następujące dokumenty potrzebne do połączenia się z serwerem, a nie będą buforowane
- FALLBACK - W tym wymienione poniżej stron dokumentów nagłówek rollback (np strona 404), gdy strona jest niedostępna
CACHE MANIFEST
Pierwsza linia, CACHE MANIFEST, wymagane jest:
/theme.css
/logo.gif
/main.js
Powyższy plik manifestu wymienia trzy środki: plik CSS, obraz GIF, a plik JavaScript. Gdy plik manifestu jest ładowana, przeglądarka pobierze trzy pliki z katalogu głównego witryny. Następnie, gdy użytkownik odłącza się od Internetu, zasoby te są nadal dostępne.
SIECI
Poniższe przepisy pliku podrozdziały Network "login.php" nigdy nie jest buforowane i dostępne w trybie offline nie jest dostępna:
login.php
Można użyć gwiazdki aby wskazać wszystkie inne inne zasoby / plików wymaga połączenia z Internetem:
*
FALLBACK
Sekcje awaryjna określona poniżej Jeśli nie można nawiązać połączenia z Internetem, przy czym "offline.html" alternative / HTML5 / katalogu wszystkich plików:
/html/ /offline.html
Uwaga: Pierwszy URI jest zasobem, drugi jest substytutem.
aktualizacja Cache
Gdy aplikacja jest buforowane, to pozostanie w pamięci podręcznej aż do wystąpienia następuje:
- Użytkownicy Wyczyść pamięć podręczną przeglądarki
- Plik manifestu jest modyfikowany (patrz wskazówki poniżej)
- Przez program do aktualizacji pamięci podręcznej aplikacji
Przykład - Zakończenie pliku manifestu
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.php
FALLBACK:
/html/ /offline.html
Wskazówka: "#" na początku linii komentarza, ale także spotkać w innych celach.Aplikacja buforowanie zostanie zaktualizowany, gdy jego oczywistych zmian w plikach. Jeśli edytujesz zdjęcie lub modyfikacji funkcji JavaScript, zmiany te nie zostaną ponownie buforowane. Aktualizacja komentarza linia jest liczbą data i wersja przeglądarki ponownego buforowania podejście pliku.
O instrukcji pamięci podręcznej aplikacji
Proszę zwrócić uwagę na zawartość pamięci podręcznej.
Gdy pliki są buforowane, przeglądarka będzie nadal wyświetlić wersję pamięci podręcznej, nawet jeśli edytować plik na serwerze. Aby upewnić się, że przeglądarka zaktualizować cache, trzeba zaktualizować plik manifestu.
Uwaga: Limit pojemności pamięci podręcznej przeglądarki dla danych, które nie mogą być takie same (niektóre ustawienia przeglądarki ograniczenia jest to, że każda witryna 5MB).