W jaki sposób GitHub zmienia adres URL bez ponownego ładowania strony?

Question

Przejdź do dowolnego GitHub page i kliknij dowolny katalog/plik i obserwuj, jak zmienia się adres URL, ale aktualizowana jest tylko część strony. Nie ma przeładowania całej strony.

Jak zrobić coś podobnego za pomocą jQuery?

Czy to działa w większości przeglądarek (używam przeglądarki Chrome)?

Answer 1

Używają one history API lub konkretnie history.pushState().

Możesz tego użyć, jQuery nie jest wymagany, ale są wtyczki, takie jak history.js.

Działa to w większości przeglądarek, a mianowicie Chrome, Safari i Firefox. IE10 i wyżej obsługują to. W starszych wersjach IE możesz ponownie użyć skrótu (window.location.hash).

GitHub also blogged about this.

Answer 2

Github use PJAX (Ref). Możesz zobaczyć o jquery-pjax here. Zauważ, że ta funkcja nie jest objęta wsparciem dla wszystkich przeglądarek, istnieje przeglądarka, której nie można wykorzystać.