iOS 关于iOS12.2WKWebView加载网页滚动卡顿问题

最新推荐文章于 2022-05-27 11:08:42 发布
最新推荐文章于 2022-05-27 11:08:42 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： iOS基础 文章标签： ios css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smileKH/article/details/120534974
版权

前言

测试反馈说网页展示在iOS12.2版本上滑动卡顿问题，检查其他机型没有问题，还以为要适配苹果版本，找了半天没有找到原因。最后直接加载一个baidu.com发现很流畅。

定位是H5的问题

解决方案：

-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */

-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */

链接地址

完美解决！

END.

明似水
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ios webview加载太慢_使用swift，WKWebView在iOS9中加载HTML内容的速度太慢
weixin_39523625的博客
12-23 704
我一直在尝试将WKWebView集成为UIViewController中另一个webview的子视图 . 我已经能够加载内容并与swift和javascript正确通信 . 但是，没有任何数据操作的HTML内容的加载时间大约需要2秒 .我还测试了加载WKWebView只是一个空的HTML体，没有任何脚本加载 . 这仍然需要600毫秒才能加载 .如果HTML包含空体，则 viewDidLoad 和 ...
iOS 利用腾讯 Bugly 程序调试 测试代码bug 卡顿等情况
Soccer_ZZM的博客
11-28 2995
1.自己先写一个 Demo 演示一下利用bugly测试崩溃的具体情况。 在ViewController里面实现崩溃代码如下： 运行后 毫无疑问程序报错了!2.使用到第三方的框架Bugly，官方下载bugly 3.进入后利用qq注册一下，完整一下相应的个人信息。4.进入后注册一下你要测试的app，我创建的app demo叫CocoaPodText如下。5.利用CocoaPods集成 Bu
为什么ios的webview中滑动不流畅
weixin_42553179的博客
04-29 628
-webkit-overflow-scrolling: touch 当手指从触摸屏移开，会保持滑动一段距离 -webkit-overflow-scrolling: auto // ios默认属性 当手指从触摸屏移开，滚动立即停止
IOS 滚动卡顿
CamilleZJ的博客
11-06 843
页面滚动一般都设置overflow-y: scroll；或overflow-y: auto； 切记一定要加：-webkit-overflow-scrolling:touch; 以便IOS上滚动流畅（滚动回弹效果） 多次遇到的坑：页面滚动，IOS系统上出现卡顿，因为设置了body、html样式height: 100%，整个页面滚动的时候一定不能设置height: 100%，否则IOS上滚动时会...
关于H5 web页面在ios端滑动卡顿问题
Provenr的博客
11-07 5055
原因1：html,body{ height: 100%; }删除上述代码即可。 (亲测)其他原因：*{ -webkit-overflow-scrolling: touch; }增加上述代码。（未测） 转载http://blog.csdn.net/itzhongzi/article/details/76202740
iOS11 WKWebView 无法加载内容的解决方法
08-28
主要介绍了iOS11 WKWebView 无法加载内容,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iOS中WKWebView白屏问题的分析与解决
01-05
WKWebView是在iOS 8 推出，前段时间正好把项目也适配到iOS 8 以上了，终于可以把项目中的UIWebView 替换成WKWebView。 WKWebView的特点： 性能高，稳定性好，占用的内存比较小， 支持JS交互 支持HTML5 新特性 ...
vue 项目 iOS WKWebView 加载
10-17
主要介绍了vue 项目 iOS WKWebView 加载问题，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决
08-26
主要介绍了iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
让WKWebView/UIWebView滑动更顺畅
weixin_30341735的博客
09-22 241
wk.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal; 转载于:https://www.cnblogs.com/yyyyyyyyqs/p/7573192.html
ios webview加载太慢_iOS webView以及WKWebView计算高度慢，加快加载速度等问题
weixin_28454475的博客
12-23 880
我们开发详情页面，有的时候需要计算webView或者WKWebView的高度，然后再计算scrollView的高度，把webView放到scrollView上面。但是计算webView高度这个过程很耗费时间，原因是以下代理，网页彻底加载完才会计算出来高度，我们需要的是先算出高度，先出现网页的文字，至于网页的图片，可以慢慢缓存显示全。这样不至于白屏时间过长。- (void)webView:(WKWe...
webView 与 旋转动画 Animation问题
stone349685719的专栏
01-08 301
loading 动画 旋转的图片出现渲染问题  毕现 方法是 打开webView 然后所有的loading页  转转转的动画图片 渲染会有问题 解决方法 if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.HONEYCOMB) {         loadingImageView.setL
网页在IOS webview上面页面拉不动的情况
weixin_34023982的博客
06-15 1354
为什么80%的码农都做不了架构师？>>> ...
IOS下Safari渲染Transition时页面闪动Bug
caibinghong的专栏
05-17 1965
http://classjs.com/category/technology/css/   环境：IOS的Safari环境 问题：在做移动端左右滑动的时候，用到了CSS3的Transition属性来进行动画变换，结果每次渲染Transition属性时，出现闪屏现象。 解决办法：在网上查了一下，有一下两种解决办法， 方法一： 1 -webkit-transform...
如何解决web动画卡顿
_
04-08 1050
为什么会卡顿？ 有一个前提必须要提，前端开发者们都知道，浏览器是单线程运行的。但是我们要明确以下几个概念：单线程，主线程和合成线程。 虽然说浏览器执行js是单线程执行（注意，是执行，并不是说浏览器只有1个线程，而是运行时，runing），但实际上浏览器的2个重要的执行线程，这 2 个线程协同工作来渲染一个网页：主线程和合成线程。 主线程负责：运行 JavaScript；计算 HTML 元素的 CSS 样式；页面的布局；将元素绘制到一个或多个位图中；将这些位图交给合成线程。 合成线程负责：通过 GPU
【解决方案】使用WebView卡顿情况处理方案
热门推荐
止水
08-17 2万+
原因1：硬件加速没有打开 解决代码：webView.setLayerType(View.LAYER_TYPE_HARDWARE,null);//开启硬件加速
ios wkwebview 加载慢_一站式解决WKWebView各类问题
weixin_33148621的博客
11-27 2822
作者 | 卡洛斯，目前在杭州乐刻做iOS开发为什么要使用 WKWebView• UIWebView 在 iOS 12 后被标记为过期了。• H5 在 UIWebView 和 WKWebView 上的行为不一致，特别在滚动监听上了。另外像微信这样的分享渠道都是使用的 WKWebView，如果还在使用 UIWebView 的话，会导致 H5 的显示效果跟微信上的不一致。• WKWebView...
WKWebview秒开实践分享及问题解决方案
zhanglizhi111的博客
05-27 4650
在资讯中,我们项目咨询详情页是通过WKWebView来承载足够丰富的样式和逻辑性的统一[相比比Native来说性能比较差],所以作为研发就踏上了优化新闻详情页路程中. 经过不断的优化和探索, App详情页在线上的打开速度整整由2-4秒优化到从肉眼上基本感受不到加载过程. 下面将讲述逐渐讲述不断优化WKWebView的过程.
ios wkwebview加载网页
最新发布
06-03
若要使用 WKWebView 加载网页，可以按照以下步骤进行操作： 1. 导入 WebKit 框架。 2. 创建 WKWebView 实例并设置其 frame。 ``` WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.frame]; ``` 3. 创建 NSURLRequest 实例，指定要加载的网页 URL。 ``` NSURL *url = [NSURL URLWithString:@"https://www.example.com"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; ``` 4. 使用 loadRequest 方法加载网页。 ``` [webView loadRequest:request]; ``` 5. 将 WKWebView 添加到视图中。 ``` [self.view addSubview:webView]; ``` 以上就是使用 WKWebView 加载网页的基本步骤，你可以根据具体需求进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

明似水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值