Historique HTML5 APi

Question

Comment utiliser l'API d'historique HTML5. Je suis passé par le https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history. Cela m'a dérouté. Tout ce que je veux est de changer l'url sur les appels ajax de sorte que lorsque l'utilisateur frappe le bouton de retour, il obtient l'état précédent.

Aussi je dois savoir de toutes les chutes de cette fosse. Quand utiliser et quand ne pas utiliser. Comment utiliser au mieux avec jquery

Answer 1

Voici les meilleures ressources que j'ai rencontré (y compris celui que vous avez déjà mentionné, et un exemple de code de travail):

• MDC: Manipulating the Browser History - très basique exemple natif
• Dive into HTML5: Manipulating the HTML5 History API for Fun and Profit - bonne intro
• Intelligent State Handling: - article sur hashbang VS hashes VS HTML5 History API - fournit des solutions de code de travail.
• Ajaxify a Website with the HTML5 History API using History.js and ScrollTo - exemple de code de travail

En ce qui concerne les pièges donnent le lien "Etat Intelligent Handling" une bonne lecture. En ce qui concerne la rétrocompatibilité, il y a History.js qui corrige les bogues des navigateurs et fournit un repli de hash HTML4 optionnel.

Answer 2

Je pense que le livre en ligne gratuit Dive into HTML5 est généralement une excellente source pour une description des nouvelles fonctionnalités de HTLM5. Il a un chapitre sur le nouvel élément d'historique, Manipulating History for Fun & Profit.

Le résumé est que ce n'est pas seulement un ligne-ligne pour faire ce travail correctement. Lorsque vous faites semblant de charger une nouvelle page en utilisant AJAX, vous devez aussi simuler le chargement de la page précédente lorsque l'utilisateur clique sur le bouton de retour.