javascript - 带触摸屏 UserAgent 的笔记本电脑

Question

我正在研究如何区分平板电脑与 Windows 8 和其他设备。根据此文档http://msdn.microsoft.com/en-us/library/ie/hh869301%28v=vs.85%29.aspx在 Windows 平板电脑中，UserAgent 中应该有“Touch” token 。

但我担心，带触摸屏的笔记本电脑在 UserAgent 中是否也会有此 token 。不幸的是，没有这样的设备并且我自己进行了测试。

有人可以确认此“Touch” token 仅在平板电脑和手机的 Internet Explorer 中使用吗？

Answer 1

好吧，我认为您在这里为某些人创建了一个转移，您并不是在尝试检测触摸本身，而是想检测设备是平板电脑还是台式机。正如我之前在评论中所说，您永远不应该使用任何用户代理字符串来进行功能检测。直接检测特征。

FWIW 这是我在 DeepTissue 中检测触摸支持的方法:

            this.touchType = window.navigator.pointerEnabled ? "pointer" :
                            "ontouchstart" in window ? "touch" : "mouse";

请注意我如何首先检测指针事件，然后回退到其他输入模式 API？

我认为您问题的本质是，如何设计一个针对传统桌面和现代触摸设备进行优化的界面？这就是你需要挖掘头脑中艺术部分的地方，并将其与雅各布·尼尔森(Jacob Nielson)等人关于什么有效、什么无效的有值(value)的用户体验研究相融合。正如你所看到的，微软、谷歌和苹果都在努力解决同样的问题，这个问题很难回答。根据大量经验，我的建议是创建一个简单的、响应式的 UI，并从中成长。首先启动移动设备并从那里开始设计。请记住，如果它适用于粗手指，那么它也适用于鼠标指针。触摸是直接输入方式，而鼠标是间接输入方式，因此体验略有不同。

使您的所有数据都具有可操作性。这意味着 anchor 不是环绕在文本上的小触摸目标，而是环绕在产品照片上。确保 anchor 内有足够的填充，以使触摸目标更容易击中，并确保相邻目标之间有边距以减少错误。

这不是一个容易用精确的科学来回答的问题，因为每个应用程序都有自己的特征或个性。用户各不相同，等等。但有一点是肯定的，触摸正在迅速取代非触摸设备，您需要在任何应用程序设计中考虑到这一点。