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

全屏

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

    / 分类: 开发,实践 / No Comments

    目前为移动开发一个项目,是全触摸屏的,基于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测试是没问题的。