1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 3, średnia ocena: 5,00)
Loading ... Loading ...

Sprawdzanie obsługi API historii HTML5

W rozdziale:


API historii HTML5 jest standardowym sposobem na manipulowanie historią przeglądarki poprzez skrypt. Część tego API — nawigacja po historii — była dostępna już we wcześniejszych wersjach języka HTML. Nowa część dodana w HTML5 pozwala dodawać elementy do historii przeglądarki i reagować na zdarzenia ich usunięcia ze stosu, gdy użytkownik naciśnie przycisk Wstecz. Dzięki temu adres URL może pełnić rolę unikatowego identyfikatora dla bieżącego zasobu nawet w aplikacjach zawierających dużo skryptów, które nigdy nie odświeżają strony w całości.

Sprawdzanie obsługi API historii HTML5 polega na użyciu techniki nr 1. Jeśli przeglądarka obsługuje API historii HTML5 to globalny obiekt history ma funkcję pushState(). Jeśli przeglądarka nie obsługuje API historii, funkcja pushState() jest niezdefiniowana.

function supports_history_api() {
  return !!(window.history && history.pushState);
}

Zamiast pisać tę funkcję własnoręcznie, do sprawdzania obsługi API historii HTML5 można użyć biblioteki Modernizr (1.6 lub nowszej).

sprawdzanie obsługi API historii

if (Modernizr.history) {
  // można manipulować historią!
} else {
  // brak obsługi historii :(
  // zastosowanie skryptu awaryjnego, np. History.js
}

Lektura uzupełniająca

Specyfikacje i standardy:

Biblioteki JavaScript:

Różne artykuły i kursy:

W rozdziale:

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!