ハッシュやページの再読み込みなしで新しいURLでアドレスバーを更新する

私は、ページをリロードせずにJavaScript（ドメインではなくパス）を介してアドレスバーを更新する方法を実装するクロム（開発チャネル）を夢見ていたか、実際にこれを実行しました。

しかし、読んだと思う記事が見つかりません。

私は狂っていますか、これを行う方法はありますか（Chromeで）？

PS私はwindow.location.hashなどについて話していません。上記が存在する場合、この質問に対する答えは正しくありません。

これで、ほとんどの「モダン」ブラウザでこれを実行できます。

これが私が読んだ元の記事です（2010年7月10日）：HTML5：ページを更新せずにブラウザーのURLを変更します。

pushState / replaceState / popstate（別名HTML5 History API）の詳細については、MDNドキュメントをご覧ください。

TL; DR、これを行うことができます：

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

基本的なハウツーについては、ページをリロードせずにURLを変更するための私の回答を参照してください。

ハッシュの後だけを変更する-古いブラウザ

document.location.hash = 'lookAtMeNow';

完全なURLを変更しています。Chrome、Firefox、IE10 +

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

上記は履歴に新しいエントリを追加するので、戻るボタンを押して前の状態に戻ることができます。履歴に新しいエントリを追加せずにURLを変更するには

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

これらをコンソールで実行してみてください！

Davidの回答を更新して、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);