即使用户注销后，单击“返回”也会向用户显示上一页。

Question

我的移动网站上有几个页面。一个页面允许用户登录，另一页面向用户显示他们的日期并允许用户注销。但是，当用户注销并重定向到登录页面时，他们可以单击后退按钮并返回到他们应该进行身份验证的页面。

我只是将一个 html 页面分为多个 div（“页面”），并使用 $.mobile.changePage 从一个页面导航到另一个页面。

我怎样才能做到当用户点击后退按钮时他们看不到他们的数据？

当我浏览回来时，我的“pageinit”没有被执行。如果是的话我可以检查用户是否登录......

Answer 1

示例：

• http://jsfiddle.net/GF8np/5/

JS

var $secure_token = true;

$('div').live('pageshow',function(event, ui) {
    // Check for secure token here
    if($secure_token != true) {
        $.mobile.changePage("#login", { transition: "slideup"} );
    }
});

// Act if user has logged out
$('#secure2').live('pageshow',function(event, ui) {
    $secure_token = false;
});

HTML

<div data-role="page" id="login">
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
            <li data-role="list-divider">Redirect</li>
            <li><a href="#secure1">Secure Page 1</a></li>
            <li><a href="#secure2">Secure Page 2</a></li>
        </ul>
    </div>
</div>

<div data-role="page" id="secure1">
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
            <li data-role="list-divider">Secure Page 1</li>
            <li><a href="#secure2">Secure Page 2</a></li>
        </ul>
    </div>
</div>

<div data-role="page" id="secure2">
    <div data-role="content">
        <p>Please hit the browser back button or right click and back</p>
    </div>
</div>

Answer 2

我认为这是正常行为，因为任何浏览器都会保存它呈现的上一个网页。我刚刚用我自己的网页进行了测试，它确实显示了信息，但是每当您尝试更改某些内容时，系统都会重定向到登录视图。

我的意思是，他们会看到以前的数据，但这些数据会过时，并且如果不先登录，他们将无法更改它。