SFSafariViewController(URL: url) self.presentViewController(safari, animated: true, completion: nil) 这里我尝试给出一个简化版（仅仅展示网页，没有其他功能...import UIKit import WebKit // 如果用户使用 iOS 8，则没有 SFSafariViewController，用这个 VC 来加载一个网页 class FakeSafariViewController...let webview = WKWebView() // MARK: - Init convenience init (URL: NSURL) { self.init...webview.loadRequest(NSURLRequest(URL: url)) view.addSubview(webview) // 屏幕旋转监听...---- 【Github】这段代码出现在了 SwiftGG 项目
② UIWebView 和 WKWebView 的区别 WKWebView 更快（占用内存可能只有 UIWebView 的1/3~1/4），没有缓存，更为细致地拆分了 UIWebViewDelegate...③为什么现在是时候从 UIWebView 迁移到 WKWebView 了: 截止到我写这篇文章的时候，据 mixpanel 的数据，iOS 9 占有率已达 58.55%，iOS 8 占有率达到了 34.78%...，现在可没有理由拒绝新东西了。...绑定了 WKNavigationDelegate，但是 WKScriptMessageHandler 并没有提供代理方法啊。...其实与此相对应的过程出现在上一段代码中的第5行：config.userContentController.addScriptMessageHandler 这一句。
我将链接附上： https://developers.weixin.qq.com/community/develop/article/doc/000c4e433707c072c1793e56f5c813...二 原理 同层组件的目标是将原生组件渲染在与其他Web组件同一层级中。...在iOS中，我们使用WKWebView来创建Web视图，WKWebView在进行解析渲染时，会将Web组件渲染到WKCompositingView上，这个View是一个原生的UIView子类，通常WKWebView...内核会将多个组件共同渲染到同一个WKCompositingView上，但是如果某个HTML标签的style设置了overflow: scroll属性，并且内容超出容器的大小，WKWebView就会为其单独的创建一个...现在你可以尝试运行下项目，效果如下图所示： 可以看到，原生组件已经正常渲染到了WebView中，且层级是受CSS控制的，其会出现在Web弹窗组件之下。
反观WKWebView，基于独立进程，不会占用App的内存计算，同时也不会导致主App Crash。所以在系统级的稳定性上，WKWebView有着极大的优势。...无需解决的问题: 对于新闻类App内容页的使用场景，一些WKWebView的问题并没有必要形成通用的解决方案以兼容代码。...对WebView的渲染没有干扰，模块的加载和布局灵活管理、复用，模块业务逻辑独立内聚。添加删除模块、实现上拉下拉等操作简单。极大的提高了灵活性和复用的可能。...在此基础上，要动态的检测ContenSize是否小于屏幕高度，高度小于一屏幕时，要同时调整Native扩展区组件的位置。 2....组件的View也是通过全局的复用回收池进行管理，使得相同的组件View可以灵活的出现在内容页、列表页等App内各个页面，极大的减少了开发成本，提高运行效率。 2.
对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的...但当你稍微研究一下的时候，才会发现这块儿内容知识非常杂，因为版本兼容的相关知识没有那么多内在逻辑性，很多细碎的知识点散落在在各个商业公司的博弈和版本变更中。...，iOS 15 已经有 89% 的装机率，iOS 14 也有 10% 的装机率；而在所有历史机型里，iOS 15 和 iOS 14 加起来也有 96% 的装机率，隔壁 Android 都羡慕哭了： 为什么如此关注...另外一个问题是，有一定 C 端开发经验的开发者可能还会关注 iOS 上运行的是 UIWebView 还是 WKWebView，在 2022 年这个时间点其实已经不需要关注了，因为 Apple Store...已经发过公告[4]，2020 12 月之后已经禁止含 UIWebView 的 APP 上架了，所以 iOS 平台只有 WKWebView 这一个 WebView 了，而且它兼容性也不错[5]，最低支持到
WKWebView 与 UIWebView 的区别： WKWebView 的内存远远没有 UIWebView 的开销大,而且没有缓存； WKWebView 拥有高达 60FPS 滚动刷新率及内置手势；...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑？...WKWebView 白屏问题 WKWebView 实际上是个多进程组件，这也是它加载速度更快，内存暂用更低的原因。...WKWebView crash问题 如果 WKWebView 退出的时候，JS刚好执行了 window.alert(), alert 框可能弹不出来， completionHandler 最后没有被执行...于是我们找到了“为什么WebView总是很慢”的原因之一： 在浏览器中，我们输入地址时（甚至在之前），浏览器就可以开始加载页面。
WKWebView 与 UIWebView 的区别： WKWebView 的内存远远没有 UIWebView 的开销大,而且没有缓存； WKWebView 拥有高达 60FPS 滚动刷新率及内置手势...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑？...WKWebView 白屏问题 WKWebView 实际上是个多进程组件，这也是它加载速度更快，内存暂用更低的原因。...WKWebView crash问题 如果 WKWebView 退出的时候，JS刚好执行了 window.alert(), alert 框可能弹不出来， completionHandler 最后没有被执行...于是我们找到了“为什么WebView总是很慢”的原因之一： 在浏览器中，我们输入地址时（甚至在之前），浏览器就可以开始加载页面。
WKWebView的用法 ? WKWebView API WKWebView对象可以显示交互式Web内容，例如应用内浏览器。你可以使用WKWebView类将web内容嵌入到你的应用程序中。...默认情况下，Web视图会自动将出现在Web内容中的电话号码转换成电话链接。当电话链接被点击时，电话应用程序就会启动并拨打该号码。...按指定的因子缩放页面内容，并将结果居中在指定的点上。 导航 allowsBackForwardNavigationGestures。布尔值，指示水平滑动手势是否会触发后退列表导航，默认为NO。...布尔值，用于确定是否按下连接可以显示链接目标的预览。 - goBack。导航到后退列表中的后腿项中。 - goForward。导航到后退列表中的前进项中。...而iOS中的WebKit.framework，就是在WebCore、底层桥接、JSCore引擎等核心模块的基础上，针对iOS平台的项目封装。
ondrag 元素被拖动时运行的脚本 ondragend 在拖动操作末端运行的脚本 ondragenter 当元素已被拖动到有效拖放区域是运行的脚本 ondragleave 元素离开有效拖放目标时运行的脚本...touchmove 手指在屏幕上移动触发 touchend 手指离开屏幕触发 touchcancel 可由系统进行的触发，比如手指触摸屏幕时，突然alert了，或者系统中其他打断了touch行为可触发...滑动类事件 swipe 手指在屏幕上滑动触发 swipeLeft 手指在屏幕上左滑触发 swipeRight 手指在屏幕上右滑触发 swipeUp 手指在屏幕上上滑触发 swipeDown 手指在屏幕上下滑触发...js如何与app端交互 具体可看下这个 https://zhuanlan.zhihu.com/p/337890794 我的理解 首先了解下 app移动端网页运行在手机应用内嵌的浏览器引擎中，没有UI...iPhone的UIWebView（iOS2.0-12.0 ），WKWebView（iOS8.0+，macOS10.10+），Android的WebView WebView可以理解为手机应用中运行和展示网页的界面和接口
各种 UIWebView 的问题没有了，速度更快了，占用内存少了，一句话，WKWebView 是 App 内部加载网页的最佳选择！...这么明显的性能提升但是苹果并没有完全放弃 UIWebView 也一定有他的道理，就拿本文要讲的 NSURLProtocol 拦截请求来说，WKWebview 的兼容并不 UIWebView 好，还需要开发者做一些操作...不过 WKWebview 是否真的和 NSURLProtocol 一点关系都没有还需要去研究，幸好 webkit 是开源的，github 上很容易找到源码（大小大概是 1G 多点的 zip，花了我将近一天时间来看...:] 这样的字样，再通过网上查一些资料也证实了我的猜想，其实 WKWebview 在一开始时候是会调用到 NSURLProtocol 中的入口方法 canInitWithRequest 的，但是就没有然后了...不过这里有一个疑问，苹果在使用 webkit 时候为什么会把 http/https 这样大众化的 scheme 过滤掉，看来他是不建议开发者来使用 NSURLProtocol。
你可以在网络上搜到如何将他们相互同步的帖子。...WKProcessPool 是个没有属性和方法的对象，唯一的作用就是标识是不是需要新的会话级别的管理对象，一个实例代表一个对象。...image.png 注意，cookie持久化文件地址在iOS 9+上在/Users/Mac/Library/Developer/CoreSimulator/Devices/D2F74420-D59B-...这也是为什么WKWebview和NSHTTPCookieStorage的原因 - 因为被保存在不同的文件当中。 为了验证，你可以打开这两者文件进行查看，这里不再展开。...如果没有同步过，则先加载一个cookieWebivew，它的主要目的就是将Cookie先使用usercontroller的方式写到WKWebview里，这样在处理正式的请求时，就会带上我们从NSHTTPCookieStorage
上一篇文章介绍了UIWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用，这一篇来介绍一下WKWebView 又是如何通过WebViewJavascriptBridge...第一步，创建WKWebView。 这一步，唯一需要注意的地方，就是不用再设置WKWebView 的navigationDelegate，下一步你就知道为什么了。...这里与上一篇文章有一些不同，WKWebView 使用的是WKWebViewJavascriptBridge，而UIWebView 使用的是WebViewJavascriptBridge。...[_webViewBridge setWebViewDelegate:self]; 上一步说了不用再设置WKWebView 的navigationDelegate，那是因为在{-bridgeForWebView...当然如果我们调用Native 的时候，没有参数或者不需要Native 返回信息到js 中。
UIWebView WKWebView 与 UIWebView 的区别： WKWebView 的内存远远没有 UIWebView 的开销大,而且没有缓存； WKWebView 拥有高达 60FPS...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑？...参考文章：《WKWebView 那些坑》 1. WKWebView 白屏问题 WKWebView 实际上是个多进程组件，这也是它加载速度更快，内存暂用更低的原因。...WKWebView crash问题 如果 WKWebView 退出的时候，JS刚好执行了 window.alert(), alert 框可能弹不出来，completionHandler 最后没有被执行...于是我们找到了“为什么WebView总是很慢”的原因之一： 在浏览器中，我们输入地址时（甚至在之前），浏览器就可以开始加载页面。
主要交互有三点： 让文本过长时折叠、并显示一个「全文」的点击文本 当用户点击「全文」则会展开被折叠的文本，并切换该按钮为「收起」 对不过长的文本则正常显示 本质上，要实现这个效果，得实现两个目标： 判断文本是否过长...文本过长时，页面样式如何折叠 今天，知晓程序推荐的这篇文章，就来告诉你如何实现这两个目标，并在小程序实现「多行文本折叠显示」的效果。...所谓「文本过长」，就是文本占据屏幕的高度太大。之所以要判断这个，是为了能告知逻辑层控制「全文」按钮的展示与切换。 当然，如果你的小程序没这个交互情况，完全可忽略这个问题。...而微信小程序的 View 渲染引擎 WKWebView 和 X5 也都是从 Webkit 改过来的，兼容性有较好的保障。...原文地址： https://juejin.im/post/5a19a1d7f265da430406520c
这对所有的网络请求都有效，包括NSURLSession，UIWebView以及WKWebView等。...你依然可以添加NSAllowsArbitraryLoads为YES来禁用 ATS，不过如果你这么做的话，需要在提交 app 时进行说明，为什么需要访问非 HTTPS 内容。...“需要访问的域名是第三方服务器，他们没有进行 HTTPS 对应”会是审核时的一个可选理由，但是这应该只需要针对特定域名，而非全面开放。如果访问的是自己的服务器的话，可能这个理由会无法通过。...总结一下就是，对于 API 请求，基本上是必须使用 HTTPS 的，特别是如果你们自己可以管理服务器的话。...如果没有特殊的什么需求的话，尽早将UIWebView全部换为WkWebView会是明智的选择。 不得不说，Apple 使用自己现在的强势地位，在推动技术进步上的做的努力是有目共睹的。
2、移除/升级含UIWebView的第三方SDK（例：AFNetworking） 3、使用WKWebView替代UIWebView 4、WKWebView与JS交互案例（点击页面图片，调用iOS方法进行图片放大显示...、NSURLSession 和 UIWebView 中的请求; 对于 WKWebView 中发出的网络请求也无能为力，如果真的要拦截来自 WKWebView 中的请求，还是需要实现 WKWebView.../Pods/Pods.xcodeproj/project.pbxproj: 337C8A9592224E2629F71F4759AE0DF2 /* UIWebView+AFNetworking.h in...Headers */ = {isa = PBXBuildFile; fileRef = 55098EA6EA9BE396074DA1E1980C154A /* UIWebView+AFNetworking.h...navigationType AXWebViewController (0.7.2) 使用了NJKWebViewProgress iOS8.0以下使用了NJKWebViewProgress作为进度条， 因此对于上架审核没有影响
> 图片黑色的问题 测试反馈的是，拍摄了一张图片，上传之后，安卓可以加载出来，iOS显示是黑色，其他图片正常； 最开始笔者以为是 SDWebImage加载这张图片失败了，断点调试后，发现图片加载成功并没有失败...WKWebview加载xlsx 文件，预览不了的问题 笔者这边的情况是，打开了一个网页，网页中的有个按钮，点击之后的链接，正常在电脑浏览器上打开是下载，在 iOS 的 WKWebview中打开是预览。...笔者最开始以为是 WKWebview 加载 xlsx 文件的问题，查了很多方法尝试后均失败。...然后排查代码，没有发现有什么问题，再次询问用户，用户反馈，昨天还正常使用，今天出现加载失败。于是确认是否有更新 APP，是否有升级手机系统，都没有。 再次排查代码，未发现有涉及到版本判断的地方。...但是为什么企业微信的是好的？
监听滚动判断位置的方法完全失效，平滑吸顶效果变成了滚过临界位置直到停止滚动时，吸顶元素跳到目标位置，体验非常差，不可忍受 scroll不能用，但还可以有一些奇怪的思路，比如定时器读scrollTop，touchmove...，iscroll等等 有前辈做了详细测试，见参考资料1 定时器在手指没有离开屏幕时不会执行，touchmove触发频率足够，也能拿到scrollTop，但touchend后，惯性滚动期间，没有任何事件可用...IOS 8+的Safari和WKWebView能够疯狂触发scroll，无论手指在不在屏幕上，无论是不是惯性滚动期间。...CSS sticky并不能解决这个问题 笔者还没有找到合适的解决方案，目前方案是牺牲tab浏览状态独立性，多tab共用body的滚动条，切换tab时滚回之前的位置。...这样做避免了判断吸顶状态，但牺牲了tab列表无缝切换的完美体验 如果有新思路、好点子，或者成熟方案，麻烦告知，感激不尽 四.在线Demo PC、Android 4.0+及WKWebView方案：http
属性 监听wkwebview整个生命周期的代理方法，详细见"二、生命周期方法" 二、生命周期方法（WKNavigationDelegate） 1.请求前决定是否要跳转 用户点击网页上的链接，打开新页面时...:@"" forHTTPHeaderField:@"x-c-id"]; 2.请求沙盒页面 请求本地沙盒里的页面，主要是拼对URL就行了 注意url的头部是“file:///”注意“斜杠”的数量是3个 或者直接使用...loadFileURL:request.URL allowingReadAccessToURL:[request.URL URLByDeletingLastPathComponent]] PS：我发现在iOS13+模拟器上，...直接用loadRequest也可以访问本地沙盒，并没有权限问题，但是为了减少兼容问题，还是选择使用本地读取 3.请求内置包(bundle)页面 内置包就是bundle包，就是将bundle包路径拼接好，...NSURLRequestCachePolicy) { NSURLRequestUseProtocolCachePolicy = 0, // 默认策略，具体的缓存逻辑和协议的声明有关，如果协议没有声明
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
