在流星科尔多瓦应用程序中的 iOS 9 上全局禁用放大镜

Posted

技术标签:

【中文标题】在流星科尔多瓦应用程序中的 iOS 9 上全局禁用放大镜【英文标题】:global disable magnifying glass on iOS 9 in meteor cordova app 【发布时间】:2015-12-19 15:58:53 【问题描述】:

我已经测试了几种解决方法来使用 css 禁用烦人的放大镜,但在我的 ios9 流星科尔多瓦版本上,它会出现片刻并在几毫秒后消失。

它可以在 iOS 8 上运行,但现在不能在 iOS 9 上使用这个 css 代码:

body, body * 
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-callout: none !important;
    -webkit-touch-callout: none !important;

input, textarea 
    -webkit-user-select: text !important;
    user-select: text !important;
    -webkit-user-callout: default !important;
    -webkit-touch-callout: default !important;

*
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-modify: none;

我错过了 iOS 9 的内容?

【问题讨论】:

IOs Cordova long-press shows text-select magnifying glass even with text-selection disabled, how to remove?的可能重复 看来我是第一个 该修复在 iOS 15.1 中不再有效。见github.com/apache/cordova-ios/issues/1216 【参考方案1】:

Frederik 提到的插件现在已内置到 cordova 中,请参阅 https://github.com/apache/cordova-ios/pull/174

要启用修复插入<preference name="SuppressesLongPressGesture" value="true" />config.xml

【讨论】:

这在 iOS 15.1 中不再有效。见github.com/apache/cordova-ios/issues/1216 希望该问题中提到的上游修复能够解决它?【参考方案2】:

是的,它与iOS9有关。 由于您是 Cordova 用户,因此此插件将为您解决问题: https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

这与在处理您的 css 中的 -webkit-user-select: none 之前执行的 UILongPressGestureRecognizer 有关。

希望对你有所帮助。

【讨论】:

请注意,仅包含链接的答案已被删除,有人可能会报告并将其删除(这经常发生在我身上),最好将其更改为评论或将插件代码放在答案上 如果我们不使用 Cordova 有什么解决办法吗? 这个插件现在在流星 1.3 中已经过时了,因为它不再使用 web 视图了

以上是关于在流星科尔多瓦应用程序中的 iOS 9 上全局禁用放大镜的主要内容,如果未能解决你的问题,请参考以下文章

如何使用卡在加载屏幕上的铁路由器调试流星/科尔多瓦应用程序?

无法构建科尔多瓦流星应用程序(错误:ENOENT)

如何在适用于 ios 7 的科尔多瓦 3.9.2 中删除 index.html

全局助手正在覆盖流星车把模板中的本地上下文

页面在使用 ios 7 的科尔多瓦应用程序上不可见

登录表单中的 IoS 自动填充数据在科尔多瓦应用程序中为空(使用角度)