如何为触摸设备优化网站
在iPhone / iPad / Android等触摸设备上,可能很难用手指按一下小按钮。据我所知,没有跨浏览器的方法可以通过CSS媒体查询来检测触摸设备。因此,我检查浏览器是否支持Javascript触摸事件。到目前为止,其他浏览器尚不支持它们,但是开发人员通道上的最新Google Chrome浏览器启用了触摸事件(即使对于非触摸设备也是如此)。而且我怀疑其他的浏览器制造商也会效仿,因为带有触摸屏的笔记本电脑即将问世。更新:这是Chrome中的错误,因此JavaScript检测现在可以再次使用。 这是我使用的测试: function isTouchDevice() { return "ontouchstart" in window; } 问题在于,这仅测试浏览器是否支持触摸事件,而不支持设备。 有人知道The Correct [tm]为触摸设备提供更好的用户体验的方法吗?除了嗅探用户代理。 Mozilla对触摸设备有媒体查询。但是我没有在其他任何浏览器中看到过类似的东西:https : //developer.mozilla.org/En/CSS/Media_queries#-moz-touch-enabled 更新:我想避免为移动/触摸设备使用单独的页面/站点。该解决方案必须使用对象检测或来自JavaScript的类似检测来检测触摸设备,或者包含自定义的触摸CSS,而无需用户代理嗅探!我问的主要原因是要确保今天无法联系我CSS3工作组。因此,如果您不能遵循问题中的要求,请不要回答;)