得物 H5容器 野指针疑难问题排查 解决

news/2024/3/4 19:19:56

1背景

得物 iOS 4.9.x 版本 上线后,一些带有横向滚动内容的h5页面,有一个webkit 相关crash增加较快。通过Crash堆栈判断是UIScrollview执行滚动动画过程中内存野指针导致的崩溃。

2前期排查

通过页面浏览日志,发现发生崩溃时所在的页面都是在h5 web容器内,且都是在页面的生命周期方法viewDidDisappear方法调用后才发生崩溃,因此推测崩溃是在h5 页面返回时发生的。

刚好交易的同事复现了崩溃证实了我们的推测。因此可以基本确定:崩溃的原因是页面退出后,页面内存被释放,但是滚动动画继续执行,这时崩溃堆栈中scrollview的delegate没有置空,系统继续执行delegate的相关方法,访问了已经释放的对象的内存(野指针问题)。

同时发生crash h5 页面都存在一个特点,就是页面内存在可以左右横滑的tab视图。

操作手势侧滑存在体验问题,左右横滑的tab视图也会跟着滚动(见下面视频)。关联bugly用户行为日志,判断这个体验问题是和本文中的crash有相关性的。

点击查看公众号完整视频

3不完美的解决方案

经过上面的分析,修复思路是在h5页面手势侧滑返回时,将h5容器页面内tab的横滑手势禁掉(同时需要在 h5 web容器的viewWillAppear方法里将手势再打开,因为手势侧滑是可以取消在返回页面)。

具体代码如下(这样在操作页面侧滑返回时,页面的手势被禁掉,不会再滚动):

@objc dynamic func webViewCanScroll(enable:Bool) {let contentView = self.webView.scrollView.subviews.first { view inif let className = object_getClass(view), NSStringFromClass(className) == "WKContentView" {return true}return false}let webTouchEventsGestureRecognizer = contentView?.gestureRecognizers?.first(where: { gesture inif let className = object_getClass(gesture), NSStringFromClass(className) == "UIWebTouchEventsGestureRecognizer" {return true}return false})webTouchEventsGestureRecognizer?.isEnabled = enable}

经过测试,h5 web容器侧滑时出现的tab页面左右滚动的体验问题确实被解决。这样既可以解决体验问题,又可以解决侧滑离开页面导致的崩溃问题,但是这样并没有定位crash的根因。修复代码上线后,crash量确实下降,但是每天还是有一些crash出现,且收到了个别页面极端操作下偶现卡住的问题反馈。因此需要继续排查crash根因,将crash根本解决掉。

继续看文章开始的crash堆栈,通过Crash堆栈判断崩溃原因是UIScrollview执行滚动动画过程中回调代理方法(见上图)时访问被释放的内存。常规解决思路是在退出页面后,在页面生命周期的dealloc方法中,将UIScrollview的delegate置空即可。WKWebView确实有一个scrollVIew属性,我们在很早的版本就将其delegate属性置空,但是崩溃没有解决。

deinit {scrollView.delegate = nilscrollView.dataSource = nil}

因此崩溃堆栈里的Scrollview代理不是这里的WKWebView的scrollVIew的代理。那崩溃堆栈中的scrollView代理到底属于哪个UIScrollview呢?幸运的是苹果webkit 是开源的,我们可以将webkit源码下载下来看一下。

4寻找崩溃堆栈中的ScrollViewDelegate

崩溃堆栈中的ScrollViewDelegate是WKScrollingNodeScrollViewDelegate。首先看看WKWebView的scrollview的 delegate是如何实现的,因为我们猜想这个scrollview的delegate除了我们自己设置的,是否还有其他delegate(比如崩溃堆栈中的WKScrollingNodeScrollViewDelegate)。

通过对Webkit源码一番研究,发现scrollview的初始化方法:

- (void)_setupScrollAndContentViews
{CGRect bounds = self.bounds;_scrollView = adoptNS([[WKScrollView alloc] initWithFrame:bounds]);[_scrollView setInternalDelegate:self];[_scrollView setBouncesZoom:YES];}

WKWebView的scrollVIew 是WKScrollView 类型。

4.1 WKScrollView 代理实现

首先看到WKWebView的scrollview的类型其实是WKScrollView(UIScrollview的子类),他除了继承自父类的delegate属性,还有一个internalDelegate属性,那么这个internalDelegate属性是不是我们要找的WKScrollingNodeScrollViewDelegate 呢?

@interface WKScrollView : UIScrollView@property (nonatomic, assign) WKWebView <UIScrollViewDelegate> *internalDelegate;@end

通过阅读源码后发现不是这样的(代码有删减,感兴趣可自行阅读源码)。

- (void)setInternalDelegate:(WKWebView <UIScrollViewDelegate> *)internalDelegate
{if (internalDelegate == _internalDelegate)return;_internalDelegate = internalDelegate;[self _updateDelegate];
}- (void)setDelegate:(id <UIScrollViewDelegate>)delegate
{if (_externalDelegate.get().get() == delegate)return;_externalDelegate = delegate;[self _updateDelegate];
}- (id <UIScrollViewDelegate>)delegate
{return _externalDelegate.getAutoreleased();
}- (void)_updateDelegate
{//......if (!externalDelegate)else if (!_internalDelegate)else {_delegateForwarder = adoptNS([[WKScrollViewDelegateForwarder alloc] initWithInternalDelegate:_internalDelegate externalDelegate:externalDelegate.get()]);[super setDelegate:_delegateForwarder.get()];}
}

这个internalDelegate的作用是让WKWebView 监听scrollview的滚动回调,同时也可以让开发者在外部监听WKWebView的scrollview回调。如何实现的呢?可以查看WKScrollViewDelegateForwarder的实现。

- (void)forwardInvocation:(NSInvocation *)anInvocation
{//...if (internalDelegateWillRespond)[anInvocation invokeWithTarget:_internalDelegate];if (externalDelegateWillRespond)[anInvocation invokeWithTarget:externalDelegate.get()];}

通过复写- (void)forwardInvocation:(NSInvocation *)anInvocation 方法,在消息转发时实现的。

4.2 猜想 & 验证

既然WKScrollingNodeScrollViewDelegate 不是WKScrollview的属性,那说明崩溃堆栈中的scrollview不是WKScrollview,那页面上还有其他scrollview么。我们看源码WKScrollingNodeScrollViewDelegate 是在哪里设置的。

void ScrollingTreeScrollingNodeDelegateIOS::commitStateAfterChildren(const ScrollingStateScrollingNode& scrollingStateNode)
{//......if (scrollingStateNode.hasChangedProperty(ScrollingStateNode::Property::ScrollContainerLayer)) {if (!m_scrollViewDelegate)m_scrollViewDelegate = adoptNS([[WKScrollingNodeScrollViewDelegate alloc] initWithScrollingTreeNodeDelegate:this]);}}

搜索webkit的源码,发现创建WKScrollingNodeScrollViewDelegate的位置只有一处。但是webkit的源码太过于复杂,无法通过阅读源码的方式知道WKScrollingNodeScrollViewDelegate属于哪个scrollview。

为此我们只能换一种思路,我们通过xcode调试的方式查看当前webview加载的页面是否还有其他scrollview。

页面上刚好还有一个scrollview:WKChildScrollview

这个WKChildScrollview 是否是崩溃堆栈中的scrollview呢,如果我们能确定他的delegate是WKScrollingNodeScrollViewDelegate,那就说明这个WKChildScrollview 是崩溃堆栈中的scrollview。

为了验证这个猜想,我们首先找到源码,源码并没有太多,看不出其delegate类型。

@interface WKChildScrollView : UIScrollView <WKContentControlled>
@end

我们只能转换思路在运行时找到WKWebView的类型为WKChildScrollView的子view(通过OC runtime & 视图树遍历的方式),判断他的delegate是否为WKScrollingNodeScrollViewDelegate 。

我们运行时找到类型为 WKChildScrollView 的子view后,获取其delegate类型,确实是WKScrollingNodeScrollViewDelegate。至此我们找到了崩溃堆栈中的scrollview。

确定了崩溃堆栈中的scrollview的类型,那么修复起来也比较容易了。在页面生命周期的viewDidAppear方法里,获取类型为 WKChildScrollView的子view。然后在dealloc方法里,将其delegate置空即可。

deinit {if self.childScrollView != nil {if self.childScrollView?.delegate != nil {self.childScrollView?.delegate = nil}}
}

4.3 小程序同层渲染

想完了解决方案,那么WKChildScrollView 是做啥用的呢?

WKWebView 在内部采用的是分层的方式进行渲染,它会将 WebKit 内核生成的 Compositing Layer(合成层)渲染成 iOS 上的一个 WKCompositingView,这是一个客户端原生的 View,不过可惜的是,内核一般会将多个 DOM 节点渲染到一个 Compositing Layer 上,因此合成层与 DOM 节点之间不存在一对一的映射关系。当把一个 DOM 节点的 CSS 属性设置为 overflow: scroll (低版本需同时设置 -webkit-overflow-scrolling: touch)之后,WKWebView 会为其生成一个 WKChildScrollView,与 DOM 节点存在映射关系,这是一个原生的 UIScrollView 的子类,也就是说 WebView 里的滚动实际上是由真正的原生滚动组件来承载的。WKWebView 这么做是为了可以让 iOS 上的 WebView 滚动有更流畅的体验。虽说 WKChildScrollView 也是原生组件,但 WebKit 内核已经处理了它与其他 DOM 节点之间的层级关系,这一特性可以用来做小程序的同层渲染。(「同层渲染」顾名思义则是指通过一定的技术手段把原生组件直接渲染到 WebView 层级上,此时「原生组件层」已经不存在,原生组件此时已被直接挂载到 WebView 节点上。你几乎可以像使用非原生组件一样去使用「同层渲染」的原生组件,比如使用 view、image 覆盖原生组件、使用 z-index 指定原生组件的层级、把原生组件放置在 scroll-view、swiper、movable-view 等容器内等等)。

5苹果的修复方案

本着严谨的态度,我们想是什么导致了最开始的崩溃堆栈呢?是我们开发过程中的功能还是系统bug?如果是系统bug,其他公司也可能遇到,但是互联网上搜不到其他公司或开发者讨论崩溃相关信息。我们继续看一下崩溃堆栈的top 函数RemoteScrollingTree::scrollingTreeNodeDidScroll() 源码如下:

void RemoteScrollingTree::scrollingTreeNodeDidScroll(ScrollingTreeScrollingNode& node, ScrollingLayerPositionAction scrollingLayerPositionAction)
{ASSERT(isMainRunLoop());ScrollingTree::scrollingTreeNodeDidScroll(node, scrollingLayerPositionAction);if (!m_scrollingCoordinatorProxy)return;std::optional<FloatPoint> layoutViewportOrigin;if (is<ScrollingTreeFrameScrollingNode>(node))layoutViewportOrigin = downcast<ScrollingTreeFrameScrollingNode>(node).layoutViewport().location();m_scrollingCoordinatorProxy->scrollingTreeNodeDidScroll(node.scrollingNodeID(), node.currentScrollPosition(), layoutViewportOrigin, scrollingLayerPositionAction);
}

崩溃在这个函数里,查看这个函数的commit记录:

 

简单描述一下就是scrollingTreeNodeDidScroll方法中使用的m_scrollingCoordinatorProxy 对象改成weak指针,并进行判空操作。这种改变,正是解决m_scrollingCoordinatorProxy 内存被释放后还在访问的方案。

这个commit是2023年2月28号提交的,commit log是:

[UI-side compositing] RemoteScrollingTree needs to hold a weak ref to the RemoteScrollingCoordinatorProxy
https://bugs.webkit.org/show_bug.cgi?id=252963
rdar://105949247Reviewed by Tim Horton.The scrolling thread can extend the lifetime of the RemoteScrollingTree via activity on that thread,
so RemoteScrollingTree needs to hold a nullable reference to the RemoteScrollingCoordinatorProxy;
use a WeakPtr.

至此,我们基本确认,这个崩溃堆栈是webkit内部实现的一个bug,苹果内部开发者最终使用弱引用的方式解决。

同时修复上线后,这个crash的崩溃量也降为0。

6总结

本文中的crash从出现到解决历时近一年,一开始根据线上日志判断是h5 页面返回 & h5 页面滚动导致的问题,禁用手势后虽然几乎解决问题,但是线上还有零星crash上报,因此为了保证h5 离线功能的线上稳定性,需要完美解决问题。

本文的crash 似曾相识,但是经过验证和阅读源码后发现并不是想象的那样,继续通过猜想+阅读源码的方式寻找到了崩溃堆栈中的真正scrollview代理对象,从而在app 侧解决问题。最后发现是苹果webkit的bug。

本文中的崩溃问题本质上是野指针问题,那么野指针问题定位有没有通用的解决方案呢?

6.1 Objective-C 野指针定位

关于野指针问题如何解决,iOS开发应该比较熟,Objective-C 中的野指针问题线上可以用 Zombie 监控:

具体原理是首先我们会 hook 基类 NSObject 的 dealloc 方法,当任意 OC 对象被释放的时候,hook 之后的那个 dealloc 方法并不会真正的释放这块内存,同时将这个对象的 ISA 指针指向一个特殊的僵尸类,因为这个特殊的僵尸类没有实现任何方法,所以这个僵尸对象在之后接收到任何消息都会 Crash,我们需要将崩溃现场这个僵尸对象的类名以及当时调用的方法名上报到后台分析。

Zombie 监控相比常规崩溃监控有啥优势呢?首先它可以直接定位到问题发生的类,而不是一些随机的崩溃调用栈;另外它可以提高偶现问题的复现概率,因为大部分偶现问题可能跟多线程的运行环境有关,如果我们能把一个偶现问题变成必现问题的话,那么开发者就可以借助 IDE 和调试器非常方便地排查问题。但是这个方案也有自己的适用范围,因为它的底层原理基于 OC 的 runtime 机制,所以它仅仅适用于 OC 对象野指针导致的内存问题。

6.2 C 和 C++ 野指针定位 

C 和 C++ 代码同样可能会出现野指针问题,在 Mach 异常和 Signal 异常中,除了内存问题之外,还有很多其他类型的异常比如 EXC_BAD_INSTRUCTION和SIGABRT。那么其他的疑难问题我们又该怎么解决呢?可以使用 Coredump。

Coredump 是由 lldb 定义的一种特殊的文件格式,Coredump 文件可以还原 App 在运行到某一时刻的完整运行状态(这里的运行状态主要指的是内存状态)。大家可以简单地理解为:Coredump文件相当于在崩溃的现场打了一个断点,并且获取到当时所有线程的寄存器信息,栈内存以及完整的堆内存。

Coredump 方案的优势是什么呢?首先因为它是 lldb 定义的文件格式,所以它天然支持 lldb 的指令调试,也就是说开发者无需复现问题,就可以实现线上疑难问题的事后调试。另外因为它有崩溃时现场的所有内存信息,这就为开发者提供了海量的问题分析素材。因此只要在崩溃发生时,将codedump上报上来就能更容易定位问题。

参考文献: iOS 8 动画执行过程中返回 Crash 同层小程序渲染原理分析 字节跳动如何系统性治理 iOS 稳定性问题 

文:Luke

 

线下活动推荐

时间:2023年6月10日(周六) 14:00-18:00

主题:得物技术沙龙总第18期-无线技术第4期

地点:杭州·西湖区学院路77号得物杭州研发中心12楼培训教室(地铁10号线&19号线文三路站G口出)

活动亮点:本次无线沙龙聚焦于最新的技术趋势和实践,将在杭州/线上为你带来四个令人期待的演讲话题,包括:《抖音创作工具-iOS功耗监控与优化》、《得物隐私合规平台建设实践》、《网易云音乐-客户端大流量活动的日常化保障方案实践》、《得物Android编译优化》。相信这些话题将对你的工作和学习有所帮助,我们期待着与你共同探讨这些令人兴奋的技术内容!

点击报名: 无线技术沙龙 

 

本文属得物技术原创,来源于:得物技术官网

未经得物技术许可严禁转载,否则依法追究法律责任!

 


http://www.ppmy.cn/news/141835.html

相关文章

惠普打印机136w硒鼓芯片怎么清零_惠普136w打印机怎么清零

大家好&#xff0c;我是时间财富网智能客服时间君&#xff0c;上述问题将由我为大家进行解答。 惠普136w打印机清零的方法如下&#xff1a; 1、关闭打印机电源&#xff0c;并把电源线从电源插座拨开。 2、按紧打印机的电源键同时插上电源线。 3、不松开电源键&#xff0c;按4下…

打印机更换感光鼓单元k_感光鼓更换技法_维修技术

感光鼓也称为“硒鼓”&#xff0c;它不仅决定了打印质量的好坏&#xff0c;还决定了使用者在使用过程中需要花费金钱的多少。在激光打印机中&#xff0c;70%以上的成像部件集中在硒鼓中&#xff0c;打印质量的好坏在很大程度上是由硒鼓决定的。一般硒鼓打印寿命只有4000-5000张…

稻盛和夫 活法

稻盛和夫 活法 前面的话 身居乱世之中&#xff0c;重新审视“活法” 我们现今生活在纷乱如麻、前途未卜的“不安分的时代”。富裕却不知足&#xff0c;丰衣足食却礼节不周&#xff0c;充分享受自由却倍感闭塞。只要有干劲&#xff0c;就什么东西也可以得到&#xff0c;任何梦…

IT软件创业之 -- 电脑设备买过来都是钱,卖出去都是废铁

[ 序言] 今天中午吃了陕西版烤羊排、炒面皮、冰可乐、真爽啊&#xff0c;羊排肉嫩多汁而且上面的调味弄得也非常好吃&#xff0c;现在同事们都下班去吃饭了&#xff0c;我还一点儿不饿&#xff0c;好几天没写文章了&#xff0c;今天接着写写娱乐娱乐大家&#xff0c;趁着心情好…

浅谈网管

一般中小型企业需要的知识并不是太复杂&#xff0c;工作内容软件方面除了组建维护局域网外&#xff08;等下专门说这个内容&#xff09;&#xff0c;很多都是解决别人的WINDOWS操作问题、各种应用软件操作问题&#xff08;哪怕你不会用的软件也要自己研究会然后教别人&#xff…

关于性价比和全寿命成本的一些思考

最近借HP和数字尾巴合作的契机&#xff0c;数字尾巴找我做了个采访&#xff0c;大致采访内容就是关于我这十几年来在评测领域对产品性价比和成本的一些思考&#xff0c;以及后来自己在实业公司的实操体会。 http://news.dgtle.com/thread-933515-1-1.html 关于性价比这个话题&a…

“绿色”办公帮企业向“钱”看

08年&#xff0c;“绿色”办公不再是各大OA厂商的噱头、空指标&#xff0c;自3月份“中国版RoHS指令”——《电子信息产品污染控制管理办法》的颁布和推行&#xff0c;“绿色”办公已成为办公市场必须流行的颜色&#xff0c;也成为企业省“财”的“保护色”。所以&#xff0c;企…

佳能iR2016打印机G-LGL错误解决方法与个人打印机经验总结

前天遇到一个比较头疼的事情,本来是非常的轻松的事,后来弄得我花了半天时间都没有调好,最后是打佳能客服电话解决的。我清楚这件事已经给顾客带来不好印象,但我保证一点我的责任是有尽到了,解决问题我不会退缩,客观立场看待,孰是孰非,当去回想这件事情的时候会非常的明…

世界上根本没有黑天鹅

“中国首富马云&#xff0c;亚洲首富李嘉诚&#xff0c;世界首富贝索斯&#xff0c;以及未来的世界首富马斯克。 提示&#xff1a;点击文末“阅读原文”可关注数据猿最新推出的【产业图谱企业盘点】策划活动&#xff1a;《中国数据智能产业最具商业合作价值企业》推荐进行中。 …

c266 设置邮箱_C226机器设置ip-C226-柯尼卡美能达(查看)

柯尼卡美能达c226在mac下无法双面打印的问题 请先确定机器已经安装双面器; “开始”-“设置”-“打印机和传真”,打开打印机和传真窗口后,找220打印机的名称,C226,右击该打印机选属性,在打印机属性窗口里,点“打印首项”,C226网络打印设置,在打印首项窗口里,选中***后…

计算机硬件知识pdf,计算机硬件知识 (很详细)

微机基本工作原理 1、计算机系统的组成 微型计算机由硬件系统和软件系统组成。 硬件系统&#xff1a;指构成计算机的电子线路、电子元器件和机械装置等物理设备&#xff0c;它包括计算机的主机及外部设备。 软件系统&#xff1a;指程序及有关程序的技术文档资料。包括计算机本身…

目前微型计算机的工作原理,微机基本工作原理

微机基本工作原理1、计算机系统的组成 微型计算机由硬件系统和软件系统组成。 硬件系统:指构成计算机的电子线路、电子元器件和机械装置等物理设备,它包括计算机的主机及外部设备。 软件系统:指程序及有关程序的技术文档资料。包括计算机本身运行所需要的系统软件、各种应用…

华南理工机试java机试_2018华南理工计算机考研复试(机试面试)内容回忆

今年复试机试只占30%&#xff0c;专业面试60%&#xff0c;英语10%&#xff0c;这个比例吓了我一跳。 首先是机试题目&#xff1a; 题目大体是没问题的&#xff0c;数据不是很记得&#xff0c;也不重要吧&#xff0c;有错漏欢迎提出/补充。 上级环境&#xff1a;Win7&#xff0c…

一套自用的安装流程

我们需要选择系统镜像&#xff0c;普遍是选择使用Centos7.6的系统镜像 记得放行8080、57527、5701、5700这三个端口 然后重置密码&#xff0c;利用finalshell进行远程链接服务器 选择ssh连接 在我们成功连接上服务器以后&#xff0c;就要开始安装docker了 将下方指令依次输入…

计算机基础--练习题

题号:1 某硬盘在WindowsXP中测得的存储容量是128GB,已知该硬盘有65536个柱面、 每个磁道包含256个扇区,则该硬盘共有( )个盘片 A、2 B、4 C、6 D、8 标准答案&#xff1a;d 题号:2 在一个采用8位…

一个神秘又搞钱的圈子。

对于很多未知的领域&#xff0c;大脑的第一反应是抗拒的。比如盲盒&#xff0c;四坑&#xff0c;还有今天要聊的这个圈子。以前听到这些&#xff0c;我根本不会去深入了解。直到成为互联网搬砖人&#xff0c;不自觉的就想去探索&#xff0c;挖掘这些小众领域背后的赚钱逻辑。 昨…

惠普m132nw清零方法_惠普132nw硒鼓型号怎么加墨 惠普132硒鼓芯片清零

赛纳科技旗下奔图品牌成功研制出了国内***款激光打印机,在2014年国内激光打印机市场,前五大公司(美国惠普、日本佳能、富士施乐、韩国三星、日本兄弟)共占据约的市场份额,奔图的市场份额仅有约。收购利盟后,奔图在**激光打印机上的专利壁垒不复存在;纳思达在打印耗材芯片、…

Python类的编程题目练习

Question1 题目&#xff1a;创建一个名为 “Student” 的类 描述&#xff1a; 创建一个名为 “Student” 的类&#xff0c;每个实例都表示一个学生。类的属性和方法如下&#xff1a; 属性&#xff1a; 名字&#xff08;name&#xff09;年龄&#xff08;age&#xff09;成绩…

CPU四核八线程和四核四线程的区别

四个人每人在用一只手工作 四个人每人在用两只手工作 大概就是这个区别 https://zhidao.baidu.com/question/871291752790331852.html

时代不同了,CPU至少要4核了

最近看到有人说&#xff0c;现在很多游戏&#xff0c;2核都无法进入了。也就是说&#xff0c;如果买电脑&#xff0c;起码要4核8线&#xff0c;最好是8核16线。 纯办公、看电影&#xff0c;估计2核还是够用的。
最新文章