ブラウザがhistory.pushStateに対して表示するエントリのタイトルを設定するにはどうすればよいですか？

Question

私は、ブラウザの履歴スタックに新しいエントリをプッシュするhistory.pushState(stateObject, title, url)を使用しています。その名前にもかかわらず、2番目のパラメータtitleは、ブラウザの履歴に表示されるエントリのタイトルを設定しません。私が正しく理解していれば、titleは将来のために予約されており、現在すべてのブラウザで無視されています。私はここで''を渡すことは安全で、私の発見はこれをサポートしています。したがって

、私は、ユーザーが自分の履歴に表示されるラベルを設定する方法だろうと私はdocument.titleは、仕事をするだろうと思いました。だから私のコードはこのように見える

var myTitle = /* code to generate title here */ 
var myURL = /* code to generate url here */ 
var myState = /* code to generate realizable state object here */  

document.title = myTitle; 
history.pushState(myState, '', myURL); // 2nd parameter can also be myTitle; this has no effect on all major browsers 

しかし、期待どおりに動作しません。より正確には、私は奇妙なオフ・バイ・ワンのエラーに遭遇します。 pushStateが新しいdocument.titleが、前のタイトルを使用して、新しい履歴エントリを作成していないようです。私は問題は、DOMがすぐに更新されないことですが、JSが現在の呼び出しスタックを残した後でなければなりません。従ってはpushStateの後に有効になります。 W3CのHTML5仕様のnote below bullet point 8 at chapter 5.5.2

は言う：

titleは純粋に助言です。ユーザーエージェントは、ユーザーインターフェイスのタイトルを使用する場合があります。

すべての主要なブラウザによって実装されるこれが動作です。 UIを強化し、新しいタイトルはJS関数が返った後にのみ更新されます。

すべてのソリューションはありますか？

Answer 1

popstateイベントがアクティブのとき履歴エントリの変更を解雇されました。ヒストリエントリがhistory.pushState（）の呼び出しによって作成された場合、またはhistory.replaceState（）の呼び出しによって影響を受けた場合、popstateイベントのstateプロパティには履歴エントリの状態オブジェクトのコピーが含まれます。

window.addEventListener('popstate', function(e) { 
    var character = e.state; 

     document.title = "Title | "; 

});