javascript - 如何测试触摸屏(不是 "touch capability")？

Question

我正在开发一个为触控设备实现特定功能的网站。我的目标是智能手机、平板电脑，实际上是所有使用触摸屏作为主要输入的东西。

为此，我使用了 Modernizr 的 Modernizr.touch

但是，在安装了 Wacom 数位板的计算机上，这会在 chrome 上返回 true。 (经 Wacom Intuos 5 确认)。显然，这些计算机上的主要输入设备是键盘和鼠标，而不是触摸屏。这会造成误报，因为我想为这些计算机提供桌面用户体验，而不是触摸屏用户体验。

有没有办法检查“触摸屏功能”而不是“触摸功能”？或者任何其他创造性的方法来解决这个问题并避免误报？

Answer 1

“单击或点击此框”的简单用户测试应该能够告诉您他们是使用鼠标还是某些触摸设备来完成操作。由于您可以获得设备的用户代理，对于平板电脑和手机，很容易通过这两个数据假设它们具有触摸功能......因此，如果您检测到桌面用户也测试为阳性，则只能呈现“测试”对于触摸设备(应该是比测试每个人都小的样本，这可能会让用户感到厌烦)。当然，我也会以某种方式记住用户的选择/测试结果，这样你就不必再打扰他们了。