Atualizando a barra de endereço com o novo URL sem hash ou recarregando a página

Eu sonhei com o chrome (canal de desenvolvimento) implementando uma maneira de atualizar a barra de endereços via javascript (o caminho, não o domínio) sem recarregar a página ou eles realmente fizeram isso.

No entanto, não consigo encontrar o artigo que acho que li.

Estou louco ou existe uma maneira de fazer isso (no Chrome)?

ps Não estou falando de window.location.hash, et al. Se o exposto acima, a resposta a esta pergunta será falsa.

Agora você pode fazer isso na maioria dos navegadores "modernos"!

Aqui está o artigo original que li (postado em 10 de julho de 2010): HTML5: Alterando a URL do navegador sem atualizar a página .

Para uma análise mais aprofundada do pushState / replaceState / popstate (também conhecido como HTML5 History API), consulte os documentos MDN .

TL; DR, você pode fazer isso:

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

Veja minha resposta para Modificar o URL sem recarregar a página para obter instruções básicas.

Alterando apenas o que está depois do hash - navegadores antigos

document.location.hash = 'lookAtMeNow';

Alterando o URL completo. Chrome, Firefox, IE10 +

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

A descrição acima adicionará uma nova entrada ao histórico, para que você possa pressionar o botão Voltar para retornar ao estado anterior. Para alterar o URL no local sem adicionar uma nova entrada ao histórico, use

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

Tente executá-los no console agora!

A atualização da Davids responde até mesmo para detectar navegadores que não oferecem suporte ao 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);