// 默认值为NO,用户不可以放大或缩小页面;如果设置为YES,页面可以通过放大缩小去适应,用户也可以通过手势来放大和缩小 [self.webview.configuration ignoresViewportScaleLimits...这个值决定了用内嵌HTML5播放视频还是用本地的全屏控制。...WKNavigationDelegate 如命名,这个是WKWebView的导航的代理。它控制了WKWebView在加载一个页面流程中的各个关键时间节点的。...相当于WKWebView加载的生命周期方法。...:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{ NSLog(@"页面完成加载"); } // 页面加载失败时调用
参考文章:《UIWebView与WKWebView》 UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上,你可以像浏览器一样前进后退刷新等操作...滚动刷新率及内置手势; WKWebView 支持了更多的 HTML5 特性; WKWebView 高效的 app 和 web 信息交换通道; WKWebView 允许 JavaScript 的 Nitro...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑?...这两者都是强大的抓包工具,原理是以web代理服务器的形式进行工作的,使用的代理地址是:127.0.0.1,端口默认为8888,我们也可以通过设置进行修改。...,指向本地文件,省去频繁发布 H5 包,达到快速调试目的; 补充链接:《Fiddler工具使用介绍一》 九、调试企业微信、微信和钉钉版时,可以使用哪些工具?
web 内容的类,它可以加载任何远端的web数据展示在你的页面上,你可以像浏览器一样前进后退刷新等操作。...WKWebView 支持了更多的 HTML5 特性; WKWebView 高效的 app 和 web 信息交换通道; WKWebView 允许 JavaScript 的 Nitro 库加载并使用, UIWebView...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑?...目前 Crosswalk 正式支持的移动操作系统包括 Android 和 Tizen ,在 Android 4.0 及以上的系统中使用 Crosswalk 的 Web 应用程序在 HTML5 方面可以有一致的体验...这两者都是强大的抓包工具,原理是以web代理服务器的形式进行工作的,使用的代理地址是: 127.0.0.1,端口默认为 8888,我们也可以通过设置进行修改。
从上图可以看出,在app进行登录后,福利社的webview并没有同步获取相应的登录态,究其原因,主要原因是:WKWebView Cookie 问题在于 WKWebView 发起的请求不会自动带上存储于...2、wkwebview的本地html页面加载失败 严选app内置了一份网络解决方案,如若检测到无网络状态可以查看这个本地页面进行网络的配置(主要是iOS10系统刚推出的时候,需要用户开启app启动网络的权限才能使用的问题...),但是替换了wkwebview之后,无网络状态下本地的html网页无法加载,结果: ? ...开发大大排查之后发现是wkwebview中加载的方法变了(wkwebview不支持用loadRequest的方法加载本地的静态HTML),要替换不同的方法来加载,修复之后的效果 3、wkwebview...而UIwebview可以让app对于H5容器使用NSURLProtocol技术将H5进行离线包的处理,H5的图片和Native的图片公用一套缓存,因此WKWebView是没有做缓存处理的,对网页需要缓存的加载性能要求没那么高的还是可以考虑
web 内容的类,它可以加载任何远端的web数据展示在你的页面上,你可以像浏览器一样前进后退刷新等操作。...; WKWebView 支持了更多的 HTML5 特性; WKWebView 高效的 app 和 web 信息交换通道; WKWebView 允许 JavaScript 的 Nitro 库加载并使用,...WKWebView 没有做缓存处理,所以对网页需要缓存的加载性能要求没那么高的还是可以考虑 UIWebView 。 二、WKWebView 有哪一些坑?...目前 Crosswalk 正式支持的移动操作系统包括 Android 和 Tizen ,在 Android 4.0 及以上的系统中使用 Crosswalk 的 Web 应用程序在 HTML5 方面可以有一致的体验...这两者都是强大的抓包工具,原理是以web代理服务器的形式进行工作的,使用的代理地址是: 127.0.0.1,端口默认为 8888,我们也可以通过设置进行修改。
实现媒体文件可以自动播放、使用内嵌HTML5播放等功能 使用这个测试网址 // 初始化配置对象 WKWebViewConfiguration *configuration = [[WKWebViewConfiguration...alloc] init]; // 默认是NO,这个值决定了用内嵌HTML5播放视频还是用本地的全屏控制 configuration.allowsInlineMediaPlayback = YES; /...监听网页内播放器的回调 可以使用两种办法。 2.1 利用HTML5 Audio/Video 事件 HTML5 Audio/Video 事件代码可以由H5同事完成,也可以由App端注入。...4.2 iOS13.2 13.3系统手机会在加载WKWebView时会连续报错: 2021-04-01 15:55:11.083253+0800 webViewPlayMedia[342:59346]...资料:收到控制台警告:当我在iOS13.2中加载WKWebView时,[Process] kill() returned unexpected error 1
相比UIWebView,WKWebView做了如下优化: WKWebView更多的支持HTML5的特性 WKWebView更快,占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView...,因此,其初始化方法和一般的view一样,通过alloc和init进行初始化。...其加载数据的方式有三种: 第一种: - (void)loadRequest:(NSURLRequest *)request; 这是加载网页最常用的一种方式,通过一个网页URL来进行加载,这个URL可以是远程的也可以是本地的...例如: //加载网络请求 - (void)loadRequest:(NSURLRequest *)request; /* 功能:加载本地HTML字符串 string为要加载的本地HTML...加载方法 /*加载请求*/ - (WKNavigation *)loadRequest:(NSURLRequest *)request; /*加载本地HTML字符串*/ - (WKNavigation
7,UIWebView对html5的各种规范支持较少,而WKWebView由于是基于WebKit所以对h5的各种规则基本都支持。...以上介绍了WKWebView的优点,但是其也有以下缺点: 1,WKWebView需要iOS9及更高的版本,虽然WKWebView是在iOS8之后引入的,但是iOS8的版本存在重大限制,比如无法访问本地存储的文件...显示加载进度条 我们可以通过监听WKWebView的estimatedProgress属性值来实现一个加载进度条,而UIWebView只能是通过timer事件做一个假的加载进度条。..., 6,上面讲到,我们可以使用KVO来监听WKWebView的estimatedProgress属性值的变化来实现加载进度条,那么WKWebView中还有那些属性值的变化也是可以被KVO监听到的呢?...7,本文主要介绍了如何通过WKWebView来展示一个页面,其实,WKWebView不仅仅只有展示的功能,它还能够和Native进行交互。而且iOS中的web应用,起重点就是与Native进行交互。
二、WKWebView 支持更多的HTML5的特性 高达60fps滚动刷新频率与内置手势 与Safari相容的JavaScript引擎 在性能、稳定性方面有很大提升占用内存更少 协议方法及功能都更细致...可获取加载进度等。...object; } function testConfrim() { comfirm("确定修改数据吗?...) } } 1、iOS调用js中的方法进行并传参...}]; } 5、通过注入JS修改节点的内容 let js = "document.getElementsByTagName('h2')[0].innerText = '这是一个iOS写入的方法
WKWebView:网页的渲染与展示,通过WKWebViewConfiguration可以进行配置。 WKWebViewConfiguration:这个类专门用来配置WKWebView。...三、使用WKWebViewConfiguration对WebView进行配置 使用下面的代码可以创建一个WKWebView视图,创建WebView视图时,需要使用WKWebViewConfiguration...来进行配置: WKWebView * WK; WKWebViewConfiguration * config = [[WKWebViewConfiguration alloc]init]...NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]]; WKWebViewConfiguration中可以进行配置的方法和属性如下...= NO; //设置HTML5视频是否允许网页播放 设置为NO则会使用本地播放器 config.allowsInlineMediaPlayback = YES; //设置是否允许
加载本地地址 Bundle下资源加载 iOS9.0 以上可以使用以下方法加载 - (nullable WKNavigation *)loadFileURL:(NSURL *)URL...readAccessURL 参数:允许访问的资源路径,如果是在 Bundle 中加载本地 HTML,则需要设置该 HTML 所在的 Bundle 路径,路径设置好后,该目录在 WKWebView 中被视为沙盒目录...,上文中的 loadData 和 loadHTML 也可以访问本地 html,同样也存在同步阻塞的问题。...如果配置为 YES,当前 Web 页面可以通过放大手势进行缩放。...*)webView startURLSchemeTask:(id)urlSchemeTask { // 在这里可以对同一资源进行本地缓存,无需要再次访问。
(在 iOS 中使用的是 WKWebView)的加载速度,内存使用情况。...,为了减小网络对加载速度的影响,我们让手机连接同一个网络,分别进行 10 次测试然后取平均值,另外,我们需要关闭 WebView 的缓存,防止缓存对加载速度产生影响: private func delegateCache...此处可以看出 flutter_webView 使用的是 wkwebView,所以它吃亏的主要原因是 flutter 包了一层。...结论:内存 WKWebView > flutter_webview > UIWebView HTML5 兼容性对比 可以在 html5test 中对浏览器的兼容性进行评分,通过测试发现得分分别如下: 因为...就不推荐使用了; WKWebView: 速度略慢一点,不过差别不大,总体可以接受。
废话开篇:小程序下有这样的一个概念,就是双引擎,意思就是 UI绘制 跟 JS 执行是在多线程环境下进行的,有人会质疑,JS 不是有异步的方法吗?...一、实现效果展示 首先利用 Safari 浏览器的 “开发” 功能,显示出当前应用加载的 WebView 这里效果图可以看到,控制台先打印了 开始异步执行 loadAction 任务,然后就直接执行了...二、思路概括 步骤一、 WKWebView 加载本地的一个 H5 页面,然后,在按钮的点击事件里将需要做的耗时事情告诉 iOS 原生 步骤二、iOS 原生收到消息后,创建一个原生下的 JSContext...步骤三、JSContext 对象加载本地写好的 JS 文件,然后通过步骤一传进来的参数直接异步调用 JS 文件下对应的 function。...参数 对比一下 H5 文件下的 callBack 方法, 这里可以通过返回数据的 func 的名字判断是哪个异步方法的回调,从而对结果数据进行相应处理 四、总结与思考 这样就实现了 JS 真·多线程
继承自 UIView WKWebView的特点: 性能高,稳定性好,占用的内存比较小, 支持JS交互 支持HTML5 新特性 可以添加进度条(然并卵,不好用,还是习惯第三方的)。...可以加载一个本地资源: //第一种方法: NSString* path = [[NSBundle mainBundle] pathForResource:name ofType:@"html" inDirectory...是文件名称,html是文件类型 [webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]]; //加载本地文件...根据导航类型参数可以得到请求发起的原因 //当网页视图被指示载入内容而得到通知应该返回是,这样会进行加载通过导航类型参数可以得到请求发起的原因,可以是以下任意值: - (BOOL)webView:(UIWebView...有两种方式可根据加载内容 获取UIWebView的合适高度,但都需要在网页内容加载完成后才可以,即需要在webViewDidFinishLoad回调中使用。
WKWebView主要涉及到以下类或协议,各部分可能互相依赖,文章按照apple文档的划分对每一个模块进行了详细的解释 WKWebView 配置和偏好 WKWebViewConfiguration WKPreferences...您可以使用WKWebView类来在应用程序中嵌入web内容,通过创建一个WKWebView对象,将其设置为视图,并发送一个请求来加载web内容。...使用 initWithFrame:configuration: 方法来创建WKWebView对象; 使用 loadHTMLString:baseURL: 方法来加载本地HTML文件; 使用 loadRequest...作为应用内浏览器,那么进行这种更改是最佳选择 SFSafariViewController自动支持链接预览 iOS 10.0+开始支持自定义链接预览,你也可以通过这种方式来实现用户预览网页并pop后仍然留在应用内而不用切换到...任何一个与正在加载的网页拥有相同WKSecurityOrigin的URL加载是一个First Party加载。First Party网页可以访问彼此的脚本和数据库资源。
实现的 效果就是上边那样:首先通过webview 进行网络请求 然后进行显示。 ...2.允许js的Nitro库加载并使用(uivieqview中限制) 3.支持更多的html5特性 4.高达60fps的滚动刷新频率以及内置手势 5.将uiviewviewdelegate与uiwenview...JS代码才会执行,因为这个时候html页面已经注入到webView中并且可以响应到对应方法 //oc调用h5,通过按钮的点击事件进行响应 - (IBAction)btnClick:(UIButton *...onclick="btnClick3()">发短信给小红 oc代码中 的文件路径 根据实际情况定 ,如果是在项目中本地的就用我注释的方法...,如果是在电脑桌面上就可以用没有注释的路径,根据实际情况来。
这种模式的核心就在于使用了 HTML、CSS 和 JavaScript 语言进行编写,继而封装到原生应用中,这个模式下应用不是在用户的浏览器中显示,而是在本地应用程序和自己的嵌入式浏览器中运行,用户基本上看不到它...例如,iOS 应用程序将使用 WKWebView 来显示我们的业务功能,而在 Android 上,它将使用 WebView 元素来实现相同的功能。...这也是今天希望进行探讨的。 提升加载速度 体验过 Hybrid App 的都知道,最烦人的就是长时间的白屏加载,背后的原因就是页面加载速度过慢造成的,所以我第一个关注点就是加载速度。...2、压缩文件大小 在 Hybrid App 中可以通过使用 ImageOptim、UglifyJS 等压缩工具减少压缩文件的大小,当然也可以在服务器端启用 Gzip 和 Brotli 进行压缩,这也能够将在传输过程中的资源文件进行压缩...图片 3、设置缓存策略 我们可以设置合理的缓存策略,缓存策略比较多:浏览器缓存、服务端缓存、本地缓存、缓存清除、缓存优先级等都可以作为我们的缓存策略,这里以浏览器的缓存机制为例,我们可以将一些常用的文件存储在用户的设备上
作为一种混合开发模式,Hybrid APP 底层依赖 Native 端的 Web 容器(UIWebview 和 WKWebview),上层使用前端 Html5、CSS、Javascript 做业务开发,...本文主要对 WebView、Bridge、Header 设计进行介绍,后续文章会对账号信息设计、预加载和缓存进行持续跟进。...差),这里也不能把 WKWebView 一棒子打死不用,对于那些对无需预加载和缓存的页面,可以为前端提供参数(比如 wkwebview=true)让前端自己的去选择是否使用 WKWebView,所以这里需要对...WKWebView 进行兼容。...就可以在这层进行捕获,但是并不可以做请求定制的功能。
基于Swift 3 、 Xcode 8 、 iOS 10 下的WKWebView的使用。 首先是WKWebView的基本用法: var wk:WKWebView!...//视图已经加载完后执行 override func viewDidAppear(_ animated: Bool){ super.viewDidAppear(animated)...WKNavigationDelegate, WKUIDelegate, UINavigationControllerDelegate { } 关于WKUIDelegate、UINavigationDelegate大家可以去...不过UIWebView可以直接实现JS中alert实现,而前者对JS里的alert事件重新封装了,必须实现WKUIDelegate协议: //把这两个方法加到代码里,配合之前的 self.wk.uiDelegate...关于WKWebView中Html5图片上传,下一篇随笔我会说一下。
领取专属 10元无门槛券
手把手带您无忧上云