HTML5 history API on iOS Chrome : <p>For testing purposes I want to populate the history with a number of entries. More precisely I want to add X items to kind of disable the backbutton of the browser, since even if the user is clicking X times, he will stay on the same page.</p>

<p>I'm doing this the following way:</p>

<pre><code>(function (){
   for (var x = 0; x &lt; 10; x++) {
     history.pushState(null, document.title, location.pathname);    
   }        
}());
</code></pre>

<p>So when the page is being loaded 10 elements of the current page are injected into the history. This approach works on all browsers that support the history API <strong>except Chrome on iOS</strong>!!!</p>

<p>Using the above code, Chrome on iOS (7 to 10) does some really weird things:</p>

<ul>
<li>It replaces the title in the tab with the url of the current page (so instead of showing "my great webpage" in the tab title, it shows "mygreatpage.com/samplepage1"</li>
<li>long pressing the back button to check the entries, Chrome shows no additional added entries - every other browser shows 10 additional entries as intended by the code above</li>
</ul>

<p>Safari and every other iOS browser do what I want them to. 
What am I doing wrong?</p>
