web桌面程序之锁屏功能分析

　　这是一个在操做系统里比较常见的功能，但在web里实现，有哪些须要注意的呢？

　　一、如何真正的实现锁屏？

　　二、如何避免经过技术手段绕过锁屏？

　　我我的总结出2点须要特别注意的地方，下面就分别进行分析。

　　第一点，“如何真正的实现锁屏”，浏览器有个特性，就是能够多开窗口（或tab标签页），这就意味着单纯的靠js和css进行html对象的操做，实现隐藏是不够的，由于若是用户依旧处于登入状态，其余人只需从新开个页面，或者刷新一下，就又变回未锁屏状态了。因此，第一点的解决办法就是，前端经过js和css进行html对象操做的同时，后端须要将当前用户登出，这样用户就处于登出状态了，而且经过锁屏界面解锁登陆后，是能够继续以前的操做的。

　　第二点，“如何避免经过技术手段绕过锁屏”，若是上一点已经解决，那他人已经没法经过刷新或从新打开窗口绕过锁屏，但还有一种方法，就是经过浏览器自带的一些调试工具，好比chrome的“开发者工具”，firefox的“firebug”，这些能够动态的修改对象元素，作前端开发的必定不陌生。要避免这一问题，解决办法就是在锁屏的时候，建立一个函数实时进行指定对象的检测，检测的指标有，对象是否存在，是否处于隐藏状态，位置是否有变更等。

　　针对第二点，我作了一个简单的demo，你们能够玩玩，当点击“开启锁屏”后，在不点击“退出锁屏”按钮，尝试使用浏览器的开发者工具，让“开启锁屏”界面重现出来。