How to overcome page duplication issue while back navigation?

The page duplication issue occurs when you render the initial page without ‘data-url’ attribute. The reason for this is, usually the current page url sets as ‘data-url’ to the appview element, when page transfer occurs. Whenever page transfer occurs, the appview searches for the element having the current url containing the ‘data-url’ attribute in it. But in first page, the appview does not set any ‘data-url’ when it’s not set manually. Therefore, while getting back from some other page to first page, there cannot be any element containing the current url as ‘data-url’, hence it creates a new page, and the duplication occurs here.

To overcome this, you have to set the same url as “data-url” attribute in the appview div at your Index page, as illustrated in the following code example.

HTML

<div id="home" class="page" data-role="appview" data-url="/AppViewTest/">
    <!-- Your code here -->
</div>