ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止

最新推荐文章于 2024-08-06 09:51:20 发布
最新推荐文章于 2024-08-06 09:51:20 发布
阅读量3.4k 收藏 3
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Ytwinklestar/article/details/108095260
版权

ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止：img { -webkit-touch-callout: none; }；只需要添加这个属性

Ytwinklestar
关注
h5 安卓/IOS长按图片、文字禁止选中或弹出系统菜单 的解决方法
03-14 2261
最近在做IM的语音功能，发现当长按录音的时候手机会弹出来系统菜单，IOS下bug形式：1）长按的标签设置为css background的形式：不会弹出菜单；2）但是当设置为img时，系统默认识别为保存图片的行为，因而会产生以下系统菜单：　　　　　　　3） 当前标签为纯文字时，会弹出选中文字的系统菜单；安卓的bug形式如下： 　　1）当设置为css的background形式时候，系统默认...
iOS UIWebView 图片自适应以及取消长按放大等操作
XLaws的博客
11-20 909
#pragma mark - 用于屏幕自适应宽度和高度和取消长按放大(用于长按识别二维码) -(void)webViewDidFinishLoad:(UIWebView *)webView { //屏幕自适应宽度和高度     NSString *js = @"function imgAutoFit() {"     "var imgs = document
H5页面在苹果手机上点击输入框页面会放大
notagoodwriter的博客
10-30 1320
里写地图点位搜索框 点击搜索框的时候 在苹果手机上 页面会放大。因为代码里未标识移动端元信息。安卓不会出现这种问题。
iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为
Lee_01的博客
01-14 1284
iPhone15微信测试 结果：可以禁用 结果：无法禁用 在这里插入图片描述 结果：无法显示菜单。 + 能使图片失去响应 参考社区回答：https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400
h5 ios 禁用长按选择图片_双十一品牌H5营销案例参考
weixin_30298279的博客
01-06 168
双11怎么脱颖而出？往下看一、你的梦想被拖后腿了？H5出品方：飞利浦H5创意定位：通过引导用户回答有关购物的测试题以此飞利浦宣传其圆梦计划H5用户路径：进入H5—开始测试—回答问题—生成海报—分享裂变H5策划逻辑：1.Laoding页面：以黄色为主要背景，显示品牌Logo和加载进入2.内容部分：进入主题页后显示此次活动的宣传语“你的梦想被拖后腿了吗？”用户点击开始测试进入答题，共有四道选择题，每题...
uni-app app实现web-view H5图片长按下载
02-28
这里我们将详细探讨如何利用mui库，特别是`mui.min.js`，来解决uni-app中H5图片长按下载的问题。 首先，`mui.min.js`是mui框架的一个轻量级库，它提供了许多增强原生移动Web App体验的组件和方法。在这个场景下，...
vue 嵌套到ios中_APP中内嵌h5常见问题总结（vue篇）
weixin_39630106的博客
12-30 1941
总结：一、弹出的输入法遮挡输入框的解决办法二、关于ios input 获取焦点弹出键盘，键盘收回页面上滑无法还原的问题三、关于日期写法的问题其他总结陆续更新中...(主要针对的是vue项目，其他写的差不多，都是换汤不换药。写法稍微转变下就可以。)一、弹出的输入法遮挡输入框的解决办法方案一:此方案适合底部固定的输入框，手机自带浏览器能完美解决，但对于第三方输入法部分手机不行。// 当输入框失去焦点的...
ios手机在app中调试h5页面
haosicx的博客
03-12 2671
网页开发在浏览器里调试很方便，但是在移动端开发调试，例如需要在app中打开，会用到一些bridge , 这时候就不能在浏览器调试。在app调试，如果每次都要发布到测试环境才能调试，那就会浪费很多时间。
Android 的WebView长按保存图片
12-28
根据业务需要，WebView上经常会用到长按保存图片的功能，现在做一个Demo，希望能够帮到有用的童鞋。简述请看博文：http://blog.youkuaiyun.com/geofferysun/article/details/53900625
h5网页嵌套安卓苹果APP内 微信内打开H5等 遇到的各种适配问题与解决方案汇总 --持续更新
Beatingworldline的博客
08-06 1478
在站外拉起APP 可以用UniversalLinks。在站外拉起APP 可以用scheme协议。微信内可以借用友盟封装uslink实现。微信内可以借用应用宝实现。
移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片
qq_29596627的博客
05-18 5688
/*移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片*/img{ pointer-events: none;vertical-align: sub;}
苹果手机取消长按出现的放大镜，并且不影响自己添加的长按事件和输入框弹出...
dbzh1979的博客
04-29 3888
*:not(input):not(textarea) { -webkit-user-select: none } 转载于:https://www.cnblogs.com/wxyz9527/p/10789789.html
h5 禁止在ios中点击缩放
AdleyTales的技术博客
06-05 2596
window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }); ...
ios中不想要图片长按发生操作时 使用css解决
weixin_55209970的博客
01-18 469
尝试了很多 还是这行一行解决！
解决ios 10版本以上多次点击h5页面放大的问题
weixin_42485112的博客
11-17 467
window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener(‘touchstart’, function(event) { if (event.touches.length > 1) { event.preventDefault(); } }); document.addEventListener(‘touchend’, function(event) { var now = (new D
ios 长按出现放大镜问题
weixin_30706507的博客
02-01 2906
解决 -webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。当在iOS上一直按住一个目标元素时，Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为。 -webkit-user-select:none; user-select:no...
ipad html 禁止放大镜,IOs Cordova长按显示文本选择放大镜即使禁用文本选择,如何删除？...
weixin_29845919的博客
06-24 265
我有一个非常奇怪的问题.在我的iOS上的cordova应用程序,当我长时间在应用程序的任何地方,我会收到一个弹出的文本选择放大镜.例： 顶部的气泡被锁定在屏幕的顶部,当我的手指从一侧移到另一边时,按照我的x位置.我试图添加以下css,人们说应该解决我的问题：* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: no...
iOS长按图片放大问题
qq_35437480的博客
08-09 418
iOS系统版本15以上，长按图片仍然可选中并放大
iOS10以上Safari浏览器无法禁止缩放的解决方案
Annie的博客
03-04 935
window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.prevent...
原生app如何关闭嵌套h5页面
最新发布
10-08
原生应用中关闭嵌套的H5页面通常需要通过JavaScriptBridge或Native Interface来实现。具体步骤取决于使用的开发框架和技术栈： 1. **Android**: - 使用`Activity`或`Fragment`提供的API，如`finish()`、`overridePendingTransition()` 或者 `WebViewClient` 的`shouldOverrideUrlLoading()` 方法，阻止默认的加载并强制关闭H5页面。 ```java // Java示例 Intent intent = new Intent(this, MainActivity.class); startActivity(intent); webView.loadUrl("about:blank"); // 清空当前URL ``` 2. **iOS (Swift or Objective-C)**: - 在`WKWebView`中，可以监听`WKNavigationDelegate` 的 `navigationDidFinishCommit:` 方法，然后关闭`WKWebView` 或导航到其他界面。 ```swift func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { webView.stopLoading() webView.removeFromSuperview() // 移除视图 } ``` 记得在H5页面内部处理好回调机制，当用户完成操作后通知原生层关闭页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值