网页的导航代理，可以理解为网页的生命周期事件循环。...，原因是 WKWebView 在释放的时候，扔被强持有观察者。...存储 WKWebsiteDataStore 以下情况中，WKWebView 在主动发送请求时不会携带 cookie。...，弹出窗口如果使用 UIAlertController 作为对接，则要考虑控制器是否存在，是否有并发的弹出窗操作，因为这些会导致 UIAlertController弹不出来，最终可能在逻辑上造成 completionHandler...无法执行导致崩溃，最好建议弹窗应该使用 UIView 设计。
滚动刷新率及内置手势； WKWebView 支持了更多的 HTML5 特性； WKWebView 高效的 app 和 web 信息交换通道； WKWebView 允许 JavaScript 的 Nitro...WKWebView 页面样式问题 在 WKWebView 适配过程中，我们发现部分 H5 页面元素位置向下偏移或被拉伸变形，追踪后发现主要是 H5 页面高度值异常导致。...，导致crash； 另一种情况是在 WKWebView 一打开，JS就执行 window.alert()，这个时候由于 WKWebView 所在的 UIViewController 出现（ push...的强制类型转换错误，从而导致你应用崩溃。...然后就崩溃了。 3.
但WKWebView的内存超过系统分配给它的内存的时候，WKWebView浏览器就会崩溃白屏，但是APP不会crash（APP会收到系统通知，并且尝试去重新加载页面）。...按指定的因子缩放页面内容，并将结果居中在指定的点上。 导航 allowsBackForwardNavigationGestures。布尔值，指示水平滑动手势是否会触发后退列表导航，默认为NO。...一般而言，但WKWebView因一些稀奇古怪的原因导致Crash的时候就会回调该方法。...显示加载进度条 我们可以通过监听WKWebView的estimatedProgress属性值来实现一个加载进度条，而UIWebView只能是通过timer事件做一个假的加载进度条。...而iOS中的WebKit.framework，就是在WebCore、底层桥接、JSCore引擎等核心模块的基础上，针对iOS平台的项目封装。
WKWebView 与 UIWebView 的区别： WKWebView 的内存远远没有 UIWebView 的开销大,而且没有缓存； WKWebView 拥有高达 60FPS 滚动刷新率及内置手势；...WKWebView 页面样式问题 在 WKWebView 适配过程中，我们发现部分 H5 页面元素位置向下偏移或被拉伸变形，追踪后发现主要是 H5 页面高度值异常导致。...，导致 crash； 另一种情况是在 WKWebView 一打开，JS就执行 window.alert()，这个时候由于 WKWebView 所在的 UIViewController 出现（ push...的强制类型转换错误，从而导致你应用崩溃。...然后就崩溃了。 3.
WKWebView 与 UIWebView 的区别： WKWebView 的内存远远没有 UIWebView 的开销大,而且没有缓存； WKWebView 拥有高达 60FPS 滚动刷新率及内置手势...WKWebView NSURLProtocol问题 WKWebView 在独立于 app 进程之外的进程中执行网络请求，请求数据不经过主进程，因此，在 WKWebView 上直接使用 NSURLProtocol...WKWebView 页面样式问题 在 WKWebView 适配过程中，我们发现部分 H5 页面元素位置向下偏移或被拉伸变形，追踪后发现主要是 H5 页面高度值异常导致。...的强制类型转换错误，从而导致你应用崩溃。...然后就崩溃了。 3.
引言 原理：利用系统的返回手势interactivePopGestureRecognizer进行实现 使用场景：返回按钮有点小，不好触发返回时，可借助右滑返回来提升用户体验 I 添加右滑返回手势 1.1...} - (BOOL)kunnan_forceEnableInteractivePopGestureRecognizer { return YES; } II QMUI导致右滑返回没有生效的解决方法...2.3 动态添加方法 使用场景： 在消息发送和消息转发时会用到动态添加方法 全局控制返回手势 下面的+addMethod方法有三个参数，第一个参数是要添加方法的类，第二个参数是方法的SEL，第三个参数则是提供方法实现的.../** 往类上添加新的方法与其实现 @param class 相应的类 @param methodSel 添加的方法 @param methodSelImpl 包含方法实现的SEL */...config.applicationNameForUserAgent = @"ChinaDailyForiPad"; //自定义的WKScriptMessageHandler 是为了解决内存不释放的问题
前言 在iOS8中，苹果推出了WKWebView。WKWebView有一个突出特点，就是内存占用少。 但作为一个全新的WebView，API相比于之前的UIWebView肯定会有所不同。...WKNavigationDelegate 如命名，这个是WKWebView的导航的代理。它控制了WKWebView在加载一个页面流程中的各个关键时间节点的。...WKNavigationResponsePolicyAllow); //不允许跳转 //decisionHandler(WKNavigationResponsePolicyCancel); } // 在发送请求之前...URL，通过解析这个URL识别它的内容，调用相应的原生方法，并阻上浏览器加载这个URL。...:nil]; cookie的同步 在WKWebview中，cookie默认不再自动处理，我们需要手动根据自己的需要，将cookie添加到请求中。
2.1 利用HTML5 Audio/Video 事件 HTML5 Audio/Video 事件代码可以由H5同事完成，也可以由App端注入。...WKWebView收到ScriptMessage时回调此方法 - (void)userContentController:(WKUserContentController *)userContentController...这样会导致切换别的音视频App不会打断播放器。例如网易云音乐、bilibili。 手机来电会打断播放器。...[Process] kill() returned unexpected error 1 在该系统版本下，WKWebView使用配置WKWebViewConfiguration，会无法播放。...资料：收到控制台警告：当我在iOS13.2中加载WKWebView时，[Process] kill() returned unexpected error 1
您可以使用WKWebView类来在应用程序中嵌入web内容，通过创建一个WKWebView对象，将其设置为视图，并发送一个请求来加载web内容。...上，这个属性只在支持3D Touch的设备上支持 在iOS 10及以后的系统版本默认值是YES，之前的默认值是NO 如果将该属性的值设置为YES，则iOS用户可以按下链接来预览链接，并可以检测到地址和电话号码等数据...这样的预览被用户称为peeks 如果用户在链接预览上更深入地按下，预览将pop到目标网址。...(nonatomic, readonly, copy) NSString *name; 发送消息的WKWebView @property(nonatomic, readonly, weak) WKWebView...每次调用这个方法，新的数据都会append到之前的数据后 如果你尝试在发送response之前或者任务已经结束之后发送数据，将会触发异常 如果在任务已经停止加载后调用，将会触发异常 将任务标记为成功完成
iOS 下原生组件同层渲染的原理先前有介绍过，本质上是在 WKWebView 黑盒下一种取巧的实现方式，并不能完美融合到 WKWebView 的渲染流程，因此很容易在一些特殊的样式发生变化后，同层渲染会失效...iOS 下 WKWebView 会受系统的管理，当内存紧张时，系统就会将不在屏的 WKWebView 回收，会使得小程序除前台以外的页面丢失，虽然在页面返回时，我们对页面做了恢复，但页面的状态并不能 100%...在原生的交互动画里，手势识别与协商是一个很重要的特性，而这块在 Web 体系是缺失的，因此 Skyline 下补全手势系统相关特性，包括常用手势的识别，如缩放、拖动、双击等，还有很重要的手势协商机制，在遇到手势冲突...（常见于滚动容器下）时决定让哪个手势生效，以实现更顺畅的动画衔接。...释放更多高级能力除了上面提到的交互动画能力外，Skyline 所能释放的能力还远不止于此，借助 Skyline 的特点，我们还提供以下新的组件grid-view 瀑布流组件。
) WKProcessPool 在QA测试疯狂把玩App时，突然出现了crash问题，而且还是一个概率非常小的偶发crash。...吓得我立马跑到bugly上查看crash记录。在通过符号表转换后，我得到了以下crash时的堆栈信息。...的ViewController被释放，但WKWebView内容还在加载中，即使在VC的 dealloc(swift版本的是 deinit 方法)中设置webView stoploading以及WKWebView...UIDelegate和navigationDelegate设置为nil，也会偶发该崩溃。...sharePool }() class func sharedProcessPool() -> WKProcessPool { return SharedProcessPool } } 在WKWebView
问题定位 2.1 猜测WebView内部手势和外部手势冲突 首先猜测是不是内部的滑动手势跟外部的冲突，因此找到了iOS WKWebView管理内部侧滑的API。...解决方案 3.1 WillPopScope与手势怎么共存 在使用WillPopScope时使用手势的方法比较容易得出 onWillPop: Platform.isIOS ?...null : popCallback, 到这里就可以实现iOS侧滑返回的问题，但是带来新的问题是这里的手势和WKWebView内部冲突，webview内部无法返回。...3.2 实时修改 onWillPop 顺利成章的想到根据内部是否能返回来修改onWillPop，在内部canGoBack为true时将onWillPop置为null，而不是依赖回调事件（iOS回调事件not...因此在iOS中实现了一下WKWebView的KVO，将一些信息canGoBack通过channel回调到Flutter。
WKWebView+UITableView混排 做内容展示页的时候，经常会用到WKWebView+UITableView的混排功能，现在此做一个总结，该功能的实现我采用了四种方法。...方案2： 简书的内容页实现方案 : UIWebView与UITableView的嵌套方案 将 tableView 加到 webView.scrollView 上, webView 加载的HTML最后留一个空白占位...div，用于确定 tableView 的位置，在监听到webView.scrollView.contentSize变化后，不断调整tableView的位置，同时将该div的尺寸设置为tableView的尺寸...item.center.y]; lastCenterY = item.center.y; }; //注意，self.inertialBehavior 的修饰符是weak，惯性力结束停止之后，会释放...的使用、WKWebView+UITableView混排、UIScrollView实现原理、WKWebView离线缓存功能 等更多内容都在 https://github.com/wsl2ls/iOS_Tips
通常，应用发生崩溃或异常时Monkey会停止运行。...ignore- timeouts -v 100 12、--ignore-security-exceptions ：忽略程序发生许可异常 通常，当程序发生许可错误（例如启动一些需要许可的Activity）导致的异常时...设置此项，Monkey将继续发送事件给系统，直到事件计数完成。...使用--throttle参数来控制Monkey每个操作之间的时间间隔，一方面是希望能更接近用户的操作场景，正常用户操作都会有一定的时间间隔；另一方面也是不希望因为过于频繁的操作而导致系统崩溃，尤其是在比较低端的手机上执行测试时...测试时，会因为应用的崩溃或没有响应而意外终止，所以需要在命令中增加限制参数--ignore-crash和--ignore-timeouts，让Monkey在遇到崩溃或没有响应的时候，能在日志中记录相关信息
上执行过多的 JS 逻辑可能阻塞渲染，导致界面卡顿。...iOS 下原生组件同层渲染的原理先前有介绍过，本质上是在 WKWebView 黑盒下一种取巧的实现方式，并不能完美融合到 WKWebView 的渲染流程，因此很容易在一些特殊的样式发生变化后，同层渲染会失效...iOS 下 WKWebView 会受操作系统统一管理，当内存紧张时，操作系统就会将不在屏的 WKWebView 回收，会使得小程序除前台以外的页面丢失，虽然在页面返回时，我们对页面做了恢复，但页面的状态并不能...手势系统在原生应用的交互动画里，手势识别与协商是一个很重要的特性，而这块在 Web 体系下是缺失的，因此 Skyline 提供了基于 Worklet 机制的 手势系统。...支持常用手势的识别，如缩放、拖动、双击等，并能够渲染线程同步监听手势、执行手势相关逻辑；支持手势协商处理，能够在遇到手势冲突（常见于滚动容器下）时决定让哪个手势生效，以实现更顺畅的动画衔接。3.
======== Flutter 版本 2.5.3+ ～ 3.0.5- 在 iOS 上会有压缩指针释放导致的崩溃问题，所以建议还是升级到 3.0.5 及其以上 B....在 release 包情况下，for 循环同时增加 10 个 FlutterView，直接就 OOM 崩溃 ......Flutter 手势失效 在 iOS 上，由于 Flutter 是使用更底层的 touch 事件，响应优先级比手势低，如果布局上存在 Native 手势，就会被手势拦截，产生 FlutterView 无响应的问题...临时解决方式，iOS 可以在外部源生手势上增加 cancelsTouchesInView = NO (default = YES)，让 touch 事件生效。...FlutterView 透明部分无法传递事件的问题 在 iOS 上，FlutterView 透明部分想要让底层接收到事件 控制 userInteractionEnabled=NO 可以暂时解决 但并不是一个最佳的实现方案吧
webView.UIDelegate = self; // 导航代理 _webView.navigationDelegate = self; // 是否允许手势左滑返回上一级...上默认为NO，表示是否允许不经过用户交互由javaScript自动打开窗口 preference.javaScriptCanOpenWindowsAutomatically = YES;...config.applicationNameForUserAgent = @"ChinaDailyForiPad"; //自定义的WKScriptMessageHandler 是为了解决内存不释放的问题...decisionHandler { NSString * urlStr = navigationAction.request.URL.absoluteString; NSLog(@"发送跳转请求...initWithUser:@"user123" password:@"123" persistence:NSURLCredentialPersistenceNone]; //为 challenge 的发送方提供
在iOS中，我们使用WKWebView来创建Web视图，WKWebView在进行解析渲染时，会将Web组件渲染到WKCompositingView上，这个View是一个原生的UIView子类，通常WKWebView...内核会将多个组件共同渲染到同一个WKCompositingView上，但是如果某个HTML标签的style设置了overflow: scroll属性，并且内容超出容器的大小，WKWebView就会为其单独的创建一个...在创建WKCompositingView时，其Layer的name会包含id信息，这从打印的信息上可以清楚的看到，如下图： 我们能找到对应的容器，就是靠这个Layer的name属性。...四 交互 原生组件渲染成功了，并非完事大吉，如果你为按钮增加了点击事件，会发现其并不会触发，这是因为WebView将事件都进行了拦截。...要处理交互问题也非常简单，首先需要先关闭WebView的拦截，在WebView加载完成后，使用如下代码来找到WKContentView，并将其手势拦截关闭： - (void)handleGestrues
kill掉 在 WWDC 2014 大会上，IOS8推出了 WKWebView，WKWebView 是现代 Webkit API 在 iOS 8 和 OS X Yosemite 应用中的核心部分。...拥有 60fps 滚动刷新率、内置手势、高效的 app 和 web 信息交换通道、和 Safari 相同的 JavaScript 引擎。...(frame: self.view.bounds, configuration: configuration) 对象可以以 JavaScript 源码形式初始化，初始化时还可以传入是在加载之前还是结束时注入...web 事件监听并用 Message Handler 将信息传回 app。...时才通过返回值触发调用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
