长按期间移动 Safari(和 Cordova 应用程序)上的空工具提示

Posted

技术标签:

【中文标题】长按期间移动 Safari(和 Cordova 应用程序)上的空工具提示【英文标题】:Empty tooltip on mobile safari (and cordova app) during long tap 【发布时间】:2015-10-14 11:59:53 【问题描述】:

我不知道这是否有帮助,但是当我在 mobile safari 或 cordova/phonegap 制作的应用程序中点击并按住网页时在 ios,在视口顶部附近弹出一个非常无用的空“工具提示”,它只会在屏幕上水平移动。

Here is a screenshot of what I'm talking about (that annoying thing circled in red that totally gives away that this is a cordova app)

我的问题是:是否可以防止这种行为,以及如何防止?它似乎不存在于锚点<a> anchor 元素上,但将锚点放在各处似乎有点过分了。 如果有人知道,让我睡得不那么愚蠢,这个功能叫什么,它到底是干什么用的?

我的身体中已经有以下 css 属性

-webkit-user-select: none;

-webkit-touch-callout: none;

防止文本选择和图像的复制和保存

我从 App Store 下载了其他 phonegap 制作的应用,他们也有这个功能,所以可能没有修复它。

无论如何,感谢您花时间阅读本文。

【问题讨论】:

什么版本的iOS?越狱了吗? 我在 iPhone 4s 上使用的是 iOS 9,而不是越狱。任何模拟 iPhone(4s、5、6)的 iOS 模拟器上都会出现同样的情况,但 iPad 模拟器上不会出现。哦,我刚刚检查了一下,它在 iOS 8.1 模拟器上也没有发生,所以可能是 iOS 9 中的一个新功能(故障?)。 【参考方案1】:

这是 UIWebview 上的一个错误

它已在 cordova 上修复,将在下一个版本中提供,但您可以同时使用此插件 https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

【讨论】:

以上是关于长按期间移动 Safari(和 Cordova 应用程序)上的空工具提示的主要内容,如果未能解决你的问题,请参考以下文章

移动 chrome 与 Safari 性能

移动 Safari 中的强制打印对话框用于多页 PDF

仅在 iOS 移动 Safari 中上传图像时出现错误的 CORS 失败

Cordova / Phonegap iOS Safari 和语音合成不起作用

教你玩转 iPhone 上的 Safari 之 进阶篇

从 Cordova 应用程序打开 Safari 网页