Mise à jour de la barre d'adresse avec une nouvelle URL sans hachage ou rechargement de la page

J'ai rêvé de chrome (canal de développement) implémentant un moyen de mettre à jour la barre d'adresse via javascript (le chemin, pas le domaine) sans recharger la page ou ils l'ont vraiment fait.

Cependant, je ne trouve pas l'article que je pense avoir lu.

Suis-je fou ou existe-t-il un moyen de le faire (dans Chrome)?

ps je ne parle pas de window.location.hash, et al. Si ce qui précède existe, la réponse à cette question sera fausse.

Vous pouvez désormais le faire dans la plupart des navigateurs "modernes"!

Voici l'article original que j'ai lu (publié le 10 juillet 2010): HTML5: modification de l'URL du navigateur sans rafraîchissement de la page .

Pour une analyse plus approfondie de pushState / replaceState / popstate (alias l'API HTML5 History), consultez les documents MDN .

TL; DR, vous pouvez le faire:

window.history.pushState("object or string", "Title", "/new-url");

Voir ma réponse à Modifier l'URL sans recharger la page pour un tutoriel de base.

Changer uniquement ce qui est après le hachage - anciens navigateurs

document.location.hash = 'lookAtMeNow';

Modification de l'URL complète. Chrome, Firefox, IE10 +

history.pushState('data to be passed', 'Title of the page', '/test');

Ce qui précède ajoutera une nouvelle entrée à l'historique afin que vous puissiez appuyer sur le bouton Retour pour revenir à l'état précédent. Pour modifier l'URL en place sans ajouter une nouvelle entrée à l'historique, utilisez

history.replaceState('data to be passed', 'Title of the page', '/test');

Essayez de les exécuter dans la console maintenant!

Mettez à jour la réponse de Davids pour même détecter les navigateurs qui ne prennent pas en charge pushstate:

if (history.pushState) {
  window.history.pushState("object or string", "Title", "/new-url");
} else {
  document.location.href = "/new-url";
}

var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?foo=bar';
window.history.pushState({path:newurl},'',newurl);