Html ios safari奇怪双击/悬停behviour
我最近对我的一个网站进行了(响应性)重新设计 奇怪的是,在某些地方,链接有一种奇怪的行为,每个测试人员都没有看到(因为他们认为自己错过了我想象中的链接): 如果你点击这些链接,它们只会被“激活”——但不会被跟踪。如果再次单击它们,则它们工作正常 如果您连续单击7个链接,然后再次单击第一个链接,这甚至可以实现 这只发生在ios 8.x(在8.4.1上测试)上,但不发生在7.x上,也不发生在android或任何桌面浏览器上 通过远程调试,我什么也看不到 我甚至不知道从哪里开始调试这个Html ios safari奇怪双击/悬停behviour,html,ios,safari,Html,Ios,Safari,我最近对我的一个网站进行了(响应性)重新设计 奇怪的是,在某些地方,链接有一种奇怪的行为,每个测试人员都没有看到(因为他们认为自己错过了我想象中的链接): 如果你点击这些链接,它们只会被“激活”——但不会被跟踪。如果再次单击它们,则它们工作正常 如果您连续单击7个链接,然后再次单击第一个链接,这甚至可以实现 这只发生在ios 8.x(在8.4.1上测试)上,但不发生在7.x上,也不发生在android或任何桌面浏览器上 通过远程调试,我什么也看不到 我甚至不知道从哪里开始调试这个 在这里可以看到
在这里可以看到效果(使用8.x iPhone):在列出的产品中。我也看到了同样的行为,但仅在8.4.1中看到,在8.4中没有看到。在你的网站上似乎也是如此。8.4.1设备需要双抽头,8.4只需要一个抽头。这是我构建的最小测试用例:
<html>
<head>
<title>Minimal testcase iOS 8.4.1 hover double tap problem</title>
<style>
body { font-size: 2em; } /* Only needed for a readable font-size */
a { display: block; font-decoration: none;}
a:hover { font-decoration: underline; }
</style>
</head>
<body>
<a href="http://www.apple.com/" >Click me</a>
</body>
</html>
与:
解决这个问题的一个更简单的方法是删除“display:block”,但我不知道这是否适合您。在我正在处理的项目中,一个奇怪的技巧解决方案是重置z索引:
* { z-index: 0 }
发现Ryan Ou(thx)在
我怀疑可能是我们网站上的Adobe Analytics“窃取”了一些点击。在尝试设置文本字段的焦点并在单击后显示键盘时,Adobe也出现了问题。他们捕捉到了最初的点击,因此我们的产品变成了合成产品,并受到iOS的限制。非常感谢。我想我会把所有悬停的东西都扔掉。至少在苹果解决这个问题之前。
.iamanobnoxiousiphonedevice *:hover{
text-decoration: inherit !important;
}
* { z-index: 0 }