Modifier l'URL avec Javascript dans les navigateurs modernes

[Sephi-Chan]

Hello,

Aujourd'hui, j'ai pris connaissance de cette fonctionnalité lié à HTML5 : il est désormais possible de modifier l'URL via Javascript et son objet History. C'est un grand pas pour les applications riches !

Un peu de documentation sur Mozilla Developer Center - Manipulating the browser history et un screencast explicatif (en anglais).

De plus, il existe une library Javascript History.js pour normaliser l'implémentation de ce composant d'un navigateur à l'autre.


Sephi-Chan

[srm]

Et l'utilité ?
Je ne peux pas regarder le screencast, je suis chez mes parents avec une connexion "légère" :p

[Sephi-Chan]

Ça permet notamment de rendre l'utilisation d'Ajax bien plus pratique en ne perdant pas les URLs et le sens qu'elles portent. On peut bookmarer les pages et y revenir dans leur état.


Sephi-Chan

[Horace]

Ca existe depuis longtemps, et c'est une pratique classique conseillée avec Ajax. Tous les sites sous ajax intensif l'utilisent pour bookmark et retours. Voir deezer, gmail, etc. Exemple d'URL https://mail.google.com/mail/?shva=1#inbox

Enfin j'ai pas lu la "révolution HTML5" sur cette technique...

[Sephi-Chan]

Tu as commenté un peu vite.

history.pushState({ foo: "bar" }, "State Foo", "/foo");

Si j'exécute ça dans une console, ma barre d'adresse change et passe de /showthread.php?tid=7251 à /foo.
Pas de paramètre GET avec une ancre, c'est bien la vraie URL qui change.


Sephi-Chan

[Holy]

Tu as commenté un peu vite.

history.pushState({ foo: "bar" }, "State Foo", "/foo");

Si j'exécute ça dans une console, ma barre d'adresse change et passe de /showthread.php?tid=7251 à /foo.
Pas de paramètre GET avec une ancre, c'est bien la vraie URL qui change.


Sephi-Chan

J'allais le dire ^^

Google, Facebook & co utilisent une sorte de hack (de détournement) de l'ancre pour afficher du contenu. J'imagine qu'au chargement de la page, y a une petite analyse sur l'ancre qui lance le contenu ajax en conséquence.

[Horace]

Ah ok. J'ai lu. :$ Ouais, ce sera plus propre.

On pourra faire défiler du texte dans la barre d'adresse !