专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

开发全屏web操作项目,浏览器全屏的解决

目前为移动开发一个项目,是全触摸屏的,基于web的,当然我的工作只限于前端开发的工作,完成项目首先要解决的就是浏览器全屏展示网页。像移动的自助缴费系统、ATM机等有些应该是这样做的(记得有次还在某个银行看到了win2000的启动界面)

找了下资料,以前的文章应该是通过js打开一个全屏的浏览器窗口的吧,不过那个好像会出现一些问题。

后来才找到了IE的Kiosk Mode全屏模式(Kiosk ModeKiosk Software广泛用于公共电脑或者嵌入系统,如可以上网的公共电话、ATM、机场自助服务系统、网吧管理软件等) ,在ie的快捷方式里面加入“-k”这个参数,就实现了真正的全屏,而非F11(IE下的F11浏览器的菜单和底部的状态栏)还是能看到部分的。

Kiosk模式下的一些快捷键:

Alt + 左箭头:上一页
Alt + 右箭头:下一页
Ctrl + D:加到我的收藏夹
Ctrl + H:开启历史文件夹
Ctrl + B:开启整理收藏夹
Ctrl + L:输入网址,开启新网页
Ctrl + N:开新窗口
Ctrl + R:刷新(或按 F5)
Ctrl + W:关闭目前的窗口(或按 Alt+F4)

该方法只对起始页有效,通过该页弹出的窗口不是全屏幕窗口

还有一个就是chrome浏览器下的F11,这个效果是目前使用过的浏览器里面全屏比较彻底的,但是上面还是有一条黑边,鼠标移上去就好提示按F11退出全屏,所以根据需要最好的就是IE下面的Kiosk模式了,据说是IE5.0+都支持,我用IE8测试是没问题的。

/ 分类: 开发,实践 / TrackBackhttps://xhl.me/archives/680/trackback标签: 全屏

添加新评论 »