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

　　這是一個在操做系統裏比較常見的功能，但在web裏實現，有哪些須要注意的呢？

　　一、如何真正的實現鎖屏？

　　二、如何避免經過技術手段繞過鎖屏？

　　我我的總結出2點須要特別注意的地方，下面就分別進行分析。

　　第一點，「如何真正的實現鎖屏」，瀏覽器有個特性，就是能夠多開窗口（或tab標籤頁），這就意味着單純的靠js和css進行html對象的操做，實現隱藏是不夠的，由於若是用戶依舊處於登入狀態，其餘人只需從新開個頁面，或者刷新一下，就又變回未鎖屏狀態了。因此，第一點的解決辦法就是，前端經過js和css進行html對象操做的同時，後端須要將當前用戶登出，這樣用戶就處於登出狀態了，而且經過鎖屏界面解鎖登陸後，是能夠繼續以前的操做的。

　　第二點，「如何避免經過技術手段繞過鎖屏」，若是上一點已經解決，那他人已經沒法經過刷新或從新打開窗口繞過鎖屏，但還有一種方法，就是經過瀏覽器自帶的一些調試工具，好比chrome的「開發者工具」，firefox的「firebug」，這些能夠動態的修改對象元素，作前端開發的必定不陌生。要避免這一問題，解決辦法就是在鎖屏的時候，建立一個函數實時進行指定對象的檢測，檢測的指標有，對象是否存在，是否處於隱藏狀態，位置是否有變更等。

　　針對第二點，我作了一個簡單的demo，你們能夠玩玩，當點擊「開啓鎖屏」後，在不點擊「退出鎖屏」按鈕，嘗試使用瀏覽器的開發者工具，讓「開啓鎖屏」界面重現出來。