背景
最近公司接了个项目,需求中要求提供一台自助触控打印一体机,对于之前从没接触过硬件的自己,内心还是有点小激动和紧张。这机器简单来说,就是把打印机、触控屏、读卡器集成在一起的一个一体机。为了便于总结自己在做的过程中得到的经验,我会用几篇文章来记录一下这中间的一些做法和踩过的坑。
如何让Chrome支持触控屏
因为系统是BS的,所以在一体机上就是弄个PC机,带个打印机就行了,所以我的第一反应就是,在一体机里显示的界面是要浏览器全屏显示,而Chrome不就可以吗?(兴奋了3秒钟……)
可是,问题马上来了,怎么让Chrome一打开就是全屏呢……?难不成每次都让用户在把机器打开的第一个动作就是弄成全屏的?可行是可行,但让人感觉你这个也太low了吧?
于是,经过一番google、baidu,终于让我找到了解决办法!具体操作:
-
确保Chrome为最新版本
这个,不用仔细说吧,不太确定怎么做的可以参考这个:
如何离线安装Chrome最新版本或某一特定版本? -
运行 kiosk 模式
kiosk模式就是终极全屏模式,让Chrome打开时直接进全屏,而且没法使用F11或ESC退出全屏模式。
怎么做:修改Chrome的快捷方式,增加起动参数--kiosk即可。如下启动命令会以全屏模式打开简书首页:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk www.jianshu.com
如图:
把Chrome关闭,重新打开,神奇的事是不是发生了?!
至此,这个全屏的问题就解决了,此外,还有一些更优化的功能可以设置:
关闭询问"您是否要翻译该网页?"
使用 kiosk 模式后,可能会因 HTML内文是英文而自动跳出这个翻译信息,在 kiosk 模式这当然是不想要的,在参数列加上 --disable-translate 即可。
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-translate www.jianshu.com-
禁用手指缩放
在Chrome快捷方式的参数列表上加上: --disable-pinch,就可以禁用手指缩放了。
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\chrome_data" --kiosk --disable-pinch --disable-translate www.jianshu.com
-
禁用手指拖拽到上一页/下一页
在Chrome地址栏中输入:chrome://flags/#overscroll-history-navigation,会定位到滚动历史记录导航选项,将该选项的设置改成"Disabled"(已停用)就可以禁用手指拖拽到上一页/下一页。
禁止文字选取
长按屏幕时会触发选取文字效果,若不想被选取,可以利用 CSS 处理,在网页中加入下面的CSS样式就杺禁止文字选取了。
html { -webkit-user-select: none;}
如何让Chrome一开机就启动(win7系统)
软件设置好了,接下来的步骤自然就是设置系统一开机就自动启动Chrome了,很简单,具体步骤:
- 按win+r,输入:
C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup
点击确定; - 把Chrome拖到弹出的文件夹内,重启计算机,搞定!
至此,在一体机上设置一开机就启动Chrome并全屏访问目标页面就实现了!