触摸屏显示器上的 Google Chrome 信息亭模式兼容性

Posted

技术标签:

【中文标题】触摸屏显示器上的 Google Chrome 信息亭模式兼容性【英文标题】:Google Chrome kiosk mode compatibility on a touch screen monitor 【发布时间】:2014-10-03 03:12:54 【问题描述】:

我正在尝试开发一个在自助服务终端模式设置上使用 Google Chrome 的自助服务终端网络应用程序,该应用程序在启动后会自动加载。 http://www.sitepoint.com/google-chrome-kiosk-mode/

自助服务终端网络应用程序还使用 Google Chrome 的虚拟键盘插件进行文本输入。 http://xontab.com/Apps/VirtualKeyboard

我打算为信息亭设置一个带有触摸屏显示器的计算机单元。

注意:这是我第一次为 Google Chrome 开发使用 kiosk 模式设置的 Web 应用程序,我没有用于测试的触摸屏显示器。我想向有这方面经验的开发者问这个问题。

我的问题是:

    自助服务终端模式设置中的 Google Chrome 是否会自动检测我的触摸屏显示器? 当我的 Web 应用程序处于自助服务终端模式时,Google Chrome 是否会自动启用触摸功能,例如上下滑动滚动。

【问题讨论】:

【参考方案1】:

触摸屏是一种输入设备,就像计算机鼠标一样 - Google Chrome 接收触摸事件的方式与接收鼠标事件的方式相同(尽管事件不同)。

开始使用触摸屏时令人讨厌的事情是,我们习惯的标准点击事件是在与鼠标事件相比延迟后触发的。您应该监听点击事件或使用库,例如​​https://github.com/ftlabs/fastclick

长话短说,开发与触摸屏集成的信息亭应用程序类似于开发移动网站。您可能应该使用 javascript 库来支持所有类型的触摸事件,例如点击、滑动等。请参阅 http://hammerjs.github.io/

您可能还会发现此网站很有用http://peter.sh/experiments/chromium-command-line-switches/

【讨论】:

【参考方案2】:

我知道这个答案是六年后的事,但对于任何阅读本文的人来说。您可以使用自定义选项在 Kiosk 模式下运行 Google Chrome。这可以通过创建一个新帐户并右键单击(在 Windows 10 中)该帐户的图标来完成。

在属性下添加以下标签以优化触摸屏使用的应用程序:

–-touch-events –enable-viewport

【讨论】:

以上是关于触摸屏显示器上的 Google Chrome 信息亭模式兼容性的主要内容,如果未能解决你的问题,请参考以下文章

触摸板上的Chrome点击会触发mouseleave

可拖动的 jquery ui 触摸防止专注于 Chrome 上的输入

以编程方式禁用移动 Chrome 43 的“触摸搜索”功能

扩展 Google chrome 以显示证书列表

google chrome 有一个插件是可以批量下载 校内上的相册里的图片的 那个插件叫啥 下载的士给一个吧~~谢谢

嵌入式谷歌地图上的双指缩放缩放整个页面