更改不同移动浏览器的悬停设置？

Question

我有一个网站，在导航栏和正文中使用：hover效果。

在智能设备上使用Safari的移动版本时，悬停事件变为“双击”事件：一次轻击以显示“悬停”时通常会显示的内容，另一次轻击以“单击”链接。 此功能对某些事情很有用...例如在缩略图上显示文本下拉列表，但是在选择导航栏链接时很烦人。

在使用Chrome的android设备上，默认情况下会发生相反的情况：悬停效果将被忽略，无需双击，使用nadda。

在为Safari用户“添加”该功能时，如何修改Safari的移动版本上特定对象的默认“：hover变成'双击'”行为？

Answer 1

我不知道您的编码的确切设置，但是您有几种选择。

首先，最好使用功能检测 （如果可能的话），而不是浏览器或OS检测，因为功能检测将适用于每种设置，而不适用于特定的浏览器或OS。 您可以使用诸如modernizr之类的一些框架。

处理此类问题的另一种方法是使用仅适用于特定设备/浏览器/操作系统的CSS Hacks 。 您会在网上找到数百个CSS Hack。

还有其他检测浏览器/操作系统的方法，例如用户代理字符串，对于朝这个方向发展的解决方案，我可以推荐这个问题。 如何检测Safari，Chrome，IE，Firefox和Opera浏览器？ 和检测iOS / Android操作系统 。

最适合您的用例的是什么，您必须自行决定，但这是我建议的选择。