web桌面程序之锁屏功能分析
2013-12-24 14:59
239 查看
这是一个在操作系统里比较常见的功能,但在web里实现,有哪些需要注意的呢?
1、如何真正的实现锁屏?
2、如何避免通过技术手段绕过锁屏?
我个人总结出2点需要特别注意的地方,下面就分别进行分析。
第一点,“如何真正的实现锁屏”,浏览器有个特性,就是可以多开窗口(或tab标签页),这就意味着单纯的靠js和css进行html对象的操作,实现隐藏是不够的,因为如果用户依旧处于登入状态,其他人只需重新开个页面,或者刷新一下,就又变回未锁屏状态了。所以,第一点的解决办法就是,前端通过js和css进行html对象操作的同时,后端需要将当前用户登出,这样用户就处于登出状态了,并且通过锁屏界面解锁登录后,是可以继续之前的操作的。
第二点,“如何避免通过技术手段绕过锁屏”,如果上一点已经解决,那他人已经无法通过刷新或重新打开窗口绕过锁屏,但还有一种方法,就是通过浏览器自带的一些调试工具,比如chrome的“开发者工具”,firefox的“firebug”,这些可以动态的修改对象元素,做前端开发的一定不陌生。要避免这一问题,解决办法就是在锁屏的时候,创建一个函数实时进行指定对象的检测,检测的指标有,对象是否存在,是否处于隐藏状态,位置是否有变动等。
针对第二点,我做了一个简单的demo,大家可以玩玩,当点击“开启锁屏”后,在不点击“退出锁屏”按钮,尝试使用浏览器的开发者工具,让“开启锁屏”界面重现出来。
1、如何真正的实现锁屏?
2、如何避免通过技术手段绕过锁屏?
我个人总结出2点需要特别注意的地方,下面就分别进行分析。
第一点,“如何真正的实现锁屏”,浏览器有个特性,就是可以多开窗口(或tab标签页),这就意味着单纯的靠js和css进行html对象的操作,实现隐藏是不够的,因为如果用户依旧处于登入状态,其他人只需重新开个页面,或者刷新一下,就又变回未锁屏状态了。所以,第一点的解决办法就是,前端通过js和css进行html对象操作的同时,后端需要将当前用户登出,这样用户就处于登出状态了,并且通过锁屏界面解锁登录后,是可以继续之前的操作的。
第二点,“如何避免通过技术手段绕过锁屏”,如果上一点已经解决,那他人已经无法通过刷新或重新打开窗口绕过锁屏,但还有一种方法,就是通过浏览器自带的一些调试工具,比如chrome的“开发者工具”,firefox的“firebug”,这些可以动态的修改对象元素,做前端开发的一定不陌生。要避免这一问题,解决办法就是在锁屏的时候,创建一个函数实时进行指定对象的检测,检测的指标有,对象是否存在,是否处于隐藏状态,位置是否有变动等。
针对第二点,我做了一个简单的demo,大家可以玩玩,当点击“开启锁屏”后,在不点击“退出锁屏”按钮,尝试使用浏览器的开发者工具,让“开启锁屏”界面重现出来。
相关文章推荐
- 【HoorayOS】开源的Web桌面应用框架(文件夹功能分析)
- web桌面程序之图标拖动排序的分析
- windows程序自动锁屏功能的实现
- 如何为Spring Web程序添加log4j功能
- 反病毒工具之病毒诊断程序(更新版增加智能行为分析功能)
- windows程序自动锁屏功能的实现
- 突破短板,传统桌面程序 使用webapi 扩展迎合web和移动端融合的需求
- 【微信小程序】实现类似WEB端【返回顶部】功能
- windows之桌面程序引导功能
- 为程序添加版本自动更新功能(转+详细分析)
- web界面打包成桌面程序工具
- 【吐槽系列】如何用最贱蛋的方式将web程序变为桌面应用
- 6.1为我们的web程序添加发送邮件的功能
- PAIP.WEB程序网站安全扫描检测工具(桌面程序)总结
- 为WEB程序创建桌面快捷方式^_^
- 小程序媛的迷茫 ----------- 功能和界面的分析
- 微信小程序实现手势图案锁屏功能
- 微信小程序wx.request实现后台数据交互功能分析
- Android程序开发仿新版QQ锁屏下弹窗功能
- Nmap 6.47源码分析(一)编译环境搭建和程序功能学习