触摸屏设备上未显示工具提示

该插件看起来非常简单:安装并激活。

我已完成这两步,结果如下:

但没有任何工具提示显示 :frowning:
无论是否登录,使用隐私浏览窗口或未登录状态下均无显示。
有什么方法可以调试这个问题吗?

也许我的预期完全错误……这个插件在 Meta 上启用了吗?因为即使启用了该插件,我在此处也看不到预期的工具提示。

您正在触摸屏笔记本电脑上进行测试吗?建议您改用 Mac 进行测试,以排除触摸屏干扰。

我可不想为了测试这个才买台 Mac :wink:
不过确实,在配备触摸屏的笔记本电脑上,工具提示会显示(但在 Meta 设备上不会)。
当笔记本电脑带有触摸屏并连接了第二个非触摸屏显示器时,工具提示无法在非触摸屏上显示。

至少有些用户会受益于这些工具提示。

触摸屏相关的问题是否被视为一个缺陷?

在沒有觸控螢幕的機器上,hover 確實可以正常運作。例如,您可以透過滑鼠或觸控板游標獲得懸停效果,如下所示,我正將游標懸停在分享按鈕上:

但是,對於同時配備觸控螢幕和滑鼠/觸控板的筆記型電腦……我不確定是否有方法能偵測滑鼠是已拔掉還是已插入。

我不確定是否能透過 CSS4 媒體查詢來解決這個問題:

不過,如果能針對那些同時被識別為「觸控螢幕」和「滑鼠」的裝置進行修復,允許它們使用懸停效果,那就太好了。目前使用者只好透過在筆記型電腦上停用觸控螢幕來解決問題,可能是因為他們本來就從不使用觸控功能。

我測試了這個:https://jsfiddle.net/davidThomas/q29r4pjs/3/,結果如下:

  • 桌面電腦 :red_circle: 滑鼠
  • iPhone :green_circle: 觸控
  • Surface Pro :red_circle: 滑鼠 ← 錯誤!

我也測試了 https://jsfiddle.net/Blackbam/zkd2cs0t/16/,結果相同——觸控螢幕加滑鼠的裝置表現與桌面電腦完全一致。

我刚刚合并了一个修复,所以如果你使用鼠标导航,工具提示插件的悬停效果现在将在触摸屏设备(如 Chromebook、Surface)上显示。(如果你使用触摸屏导航,则不会显示。)

如果你是自行托管的站点,请确保重建它以获取最近的插件更改。