工作中一些比较奇怪的产品需求笔记

qq376324789 2018-08-09 原文

1.要求登录以后点击浏览器返回以后再点返回需要重新登录；这个本来是浏览器默认的一些缓存，当时也是在网上各种百度

　　解决问题思路：当时经过反复的测试，发现每次浏览器返回之后会重新加载一次页面js;但是不会给服务器发请求；也就是从后台没办法控制‘

　　　　　然后给windos设置了一个全局变量；每次加载的时候判断这个全局变量，如果不满足这个条件则直接让系统退出登录；

<!-- 返回页面时 重新加载一次 -->
<!-- <script type="text/javascript">
    if(window.name != "bencalie"){
        window.location.href="logout"; 
         window.name = "bencalie";
     }else{
         window.name = "";
      
      }
</script> -->

　　问题解决了。但是又出现了一下心得问题。欣慰每次加载都会判断这个变量，。导致浏览器刷新也会退出系统；

然后想方设法的去捕捉浏览器刷新的事件。又是各种百度。结果并没有什么用；把f5这个按键刷新倒是屏蔽了。可是浏览器点击刷新根本捕捉不完整；

为了解决这个问题也是心累了，左想右想也没解决；然后从头开始整理

　　浏览器返回和前进不会请求服务器，但是会重新加载js；但是浏览器刷新会发起服务器请求；

　　然后就看了一下浏览器发请求到登录成功的时间。再看了一下浏览器返回再前进的时间；然后就设了一个时间戳；判断这个时间戳的大小，发现在我这个项目是可行的

　　步骤 1.发起请求的时候传一个时间戳到前端页面保存；这样只有刷新页面的时候才会更新时间戳；浏览器返回前进的时候并不会更新时间戳；在js加载的时候获取当前时间；

一般服务器更新了这个时间戳的话，。他们差值就会很小；如果没有更新，。但是又要重新加载页面；那基本上就可以判断为是浏览器的前进和后退了

问题解决

      var timestamp = (new Date()).getTime();//获取当前时间。和浏览器传过来的时间，如果差值大于3秒，则直接退出系统
            if(timestamp-$("#data").val()>=3000){
                  window.location.href="logout"; 
                }