title: Title of history.pushState is unsupported, what's a good alternative?
body: <p>The second parameter of <a href="https://developer.mozilla.org/en-US/docs/Web/API/History" rel="noreferrer"><code>History.pushState</code></a> and <code>History.replaceState</code> can be used to set the "title" of the history entry.</p>
  
  <p>This means that when the user clicks through page 1 to page 8, this is what he should see in his history bar:</p>
  
  <p><img src="https://i.stack.imgur.com/11Jfw.png" alt="enter image description here"></p>
  
  <p><strong>And it is working on Safari and Opera.</strong></p>
  
  <p>But on Chrome and FireFox, this is what the user sees:</p>
  
  <p><img src="https://i.stack.imgur.com/APYwE.png" alt="enter image description here"></p>
  
  <p>Trying to change <code>document.title</code> doesn't work as it changes all the entries within the history title:</p>
  
  <p><img src="https://i.stack.imgur.com/59hk7.png" alt="enter image description here"></p>
  
  <p><strong>What's the best solution to this problem?</strong></p>
  
  <p>Are we forced to using only <strong>one</strong> history title for <strong>all</strong> the pages implemented using <code>pushState</code> and <code>replaceState</code>?</p>