一、前言 近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！...接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。...三、WKWebView的代理方法 /*!...-> Void) 五、WKWebView与JS的交互使用 首页创建html文件，代码如下： <meta charset...修改节点的内容 let js = "document.getElementsByTagName('h2')[0].innerText = '这是一个iOS写入的方法'"; //将js注入到网页中 6、js
创建WKWebView lazy var webView: WKWebView = { // 创建WKPreferences let preferences = WKPreferences...(self, name: "callbackHandler") // 创建WKWebView var webView = WKWebView(frame: self.view.frame...WKWebView调用JS： func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)...JS调用WKWebView： func userContentController(_ userContentController: WKUserContentController, didReceive...文件 let filePath = Bundle.main.path(forResource: path, ofType: "js") // js文件内容 var script:
WKWebView 适用于iOS8之后的系统 引用 #import 1.OC调用JS NSString *jsmethod = [NSString stringWithFormat...:@"mymethd(\"%@\")",data]; //data（NSDate）为要传给js的数据 [self.wkWebView evaluateJavaScript:jsmethod...completionHandler:^(id _Nullable result, NSError * _Nullable error) { // result js返回值 }];...2.JS调用OC （1）遵循代理 @interface SharecgiteViewController ()...交互，在页面推出的时候，调用 WKUserContentController *controller = self.wkWebView.configuration.userContentController
一、WKWebView的使用： 1、初始化 webView初始化：WKPreferences, WKUserContentController -> WKWebViewConfiguration ->... WKWebView 这里添加了三个代理，代理方法会在下面实现。...decisionHandler(.allow) // .allow or .calcel } // MARK: - 服务器重定向 func webView(_ webView: WKWebView...didReceiveServerRedirectForProvisionalNavigation") } // MARK: - 加载完成 func webView(_ webView: WKWebView...交互了： // MARK: - 加载完成 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)
前言 由于目前UIWebView 已经被抛弃了，因此推荐使用WKWebView的WKScriptMessageHandler实现iOS与JS交互 WKWebView是Apple在iOS8推出的Webkit...通过WKWebView的-evaluateJavaScript:completionHandler:方法来实现 WKWebView的-evaluateJavaScript:completionHandler...:方法可以执行JS代码。...但只有在整个webView加载完成之后调用此方法才会有响应 2.1 执行JS iOS使用WKWebView的-evaluateJavaScript:completionHandler:方法执行拼接好的JS...v2.9.1 live-pusher v2.9.1 WKNavigationDelegate 代理方法的调用流程 UIProcess、WebContent、NetworkProcess 三大进程间的通信关系
看网上关于它的博客也是有许多的了，从各个方面总结一下这个WKWebView看网上说它主要是为了和JS做好交互产生的，我们也会相应的尝试一下。就先从它基本的说起！...一：和UIWebView相比它的不同处 1：和JS更好的做交互，也支持H5的一些新特性 2：加载进度条（下面会演示） 3：性能高，加载变得更快更可靠 二：从加载一张网页开始 1：使用这个WKWebView...2.JS端调用alert时所传的数据可以通过message,打印message信息读取出JS端给你的信息。...// JS端调用alert时所传的数据可以通过message,打印message信息读取出JS端给你的信息。...// 在原生得到结果后，需要回调给JS，通过completionHandler 回调给JS // completionHandler 回调的参数和返回值都是空 -(void)webView:(WKWebView
5，WKWebView可以和JS直接互调函数，交互更方便；而UIWebView则需要依靠WebViewJavaScriptBridge第三方库来协助处理与JS的交互，实现起来较繁琐。...比如JS与Native的通信、scheme拦截、点击电话号码是否调起拨打电话的弹窗等，都是在该代理方法中处理的。...我们可以通过JSCore或者JSBridge来在native中执行JS代码，并且在JS中去回调Native的相关函数。 现在很火热的跨平台以及热修复技术，都是基于JS与Native通信来实现的。...与Native之间的通信。...很多跨平台技术，其核心就是利用了JS与Native的通信技术。 以上。
WKWebView API WKWebView的头文件声明： // webview 配置，具体看下面 @property (nonatomic, readonly, copy) WKWebViewConfiguration...:(WKUserScript *)userScript; // 移除所有注入的JS - (void)removeAllUserScripts; // 添加scriptMessageHandler...WKUserContentController是用于与JS交互的类，而所注入的JS是WKUserScript对象。...它的所有属性和方法如下： // JS源代码 @property (nonatomic, readonly, copy) NSString *source; // JS注入时间 @property (...*)webView NS_AVAILABLE(10_11, 9_0); // 调用JS的alert()方法 - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage
问题最近用WKWebView读取PDF文件出现字体异常、电子图章不显示的问题，后来查找很多解决方案，最后决定用PDF.js的方式来实现解决方案参考https://www.jianshu.com/p/ded81b392d4d...demo能接入PDF，但部分字体在真机上还是接入异常，后来使用gulp generic-legacy生成generic-legacy稳定包之后，对Safari进行兼容后，终于能修复字体异常的问题PDF.js.../www.jianshu.com/p/fd5f248a8158https://www.jianshu.com/p/ded81b392d4dhttps://github.com/mozilla/pdf.js
/u010105969/article/details/53189934），可当时用来展示网页的控件是UIWebView，而在iOS8之后苹果推出了WKWebView，此控件也能用来显示网页，可与JS的交互却与...在点击前三个按钮的时候会调用方法： // 警告框 - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString...如果点击第四个conform按钮会调用方法： // 确认框 - (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage...如果点击最后一个input按钮会调用方法： // 输入框 - (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt...注意：在利用UIWebView展示网页的时候我们如果要想与JS进行交互那么我们就得获取JS代码中的方法名，而我们在使用WKWebView的时候就不用了。
问题 最近用WKWebView读取PDF文件出现字体异常、电子图章不显示的问题，后来查找很多解决方案，最后决定用PDF.js的方式来实现 解决方案 参考https://www.jianshu.com/...能接入PDF，但部分字体在真机上还是接入异常，后来使用 gulp generic-legacy 生成generic-legacy稳定包之后，对Safari进行兼容后，终于能修复字体异常的问题 PDF.js...}]; }); demo地址：https://github.com/freesan44/PDFJSReader 参考： https://github.com/mozilla/pdf.js...www.jianshu.com/p/fd5f248a8158 https://www.jianshu.com/p/ded81b392d4d https://github.com/mozilla/pdf.js
WKWebView WKWebView是现代 WebKit API 在 iOS 8 和 OS X Yosemite 应用中的核心部分。...WKWebView与js交互 所谓轻应用，简单的来说就是原生应用集成了html页面入口，还能通过js与native实现交互，例如：通过js调用native封装好的viewController实现扫描与对应反馈功能...decisionHandler { //允许跳转 decisionHandler(WKNavigationResponsePolicyAllow); return; } 在发送请求之前，决定是否跳转<处理js...fromWebView:webView]; }else{ //forward } decisionHandler(WKNavigationActionPolicyAllow); } 处理js...selfdidReceivedNotificationDictionary:responseDictfromWebView:webView]; } }else{ } } decidePolicyForNavigationAction能读取到由js
上一篇文章介绍了UIWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用，这一篇来介绍一下WKWebView 又是如何通过WebViewJavascriptBridge...WKWebView 下使用WebViewJavascriptBridge来实现JS 与OC 的互相调用,也是通过拦截URL来实现的。...下面开始介绍WKWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用。...执行wvjbscheme://__BRIDGE_LOADED__，然后在WKWebView 的navigationDelegate方法中拦截该URL ，然后往HMTL中注入js。...执行js 的API 与 UIWebView 有些不同，WKWebView 用的是{-evaluateJavaScript: completionHandler:}，这个API 不会立刻返回执行结果，js
WKWebView主要涉及到以下类或协议，各部分可能互相依赖，文章按照apple文档的划分对每一个模块进行了详细的解释 WKWebView 配置和偏好 WKWebViewConfiguration WKPreferences...一个WKWebView对象显示交互式的web内容，比如在应用程序内的浏览器。...您可以使用WKWebView类来在应用程序中嵌入web内容，通过创建一个WKWebView对象，将其设置为视图，并发送一个请求来加载web内容。...从iOS 8.0和OS X 10.10开始，建议使WKWebView在应用程序中展示web内容，建议不要使用UIWebView或WebView。...创建一个新的WebView - (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration
在UIWebView下，可以使用 [[NSURLCache sharedURLCache] removeAllCachedResponses];//清除缓存 WKWebView清除cookies的方法...cookies]) { NSLog(@"%@", cookie); } 参考链接：http://stackoverflow.com/questions/31289838/how-to-delete-wkwebview-cookies
前言 之前介绍了移动端开发的相关技术，这一篇主要是从 Hybrid 开发的 JS Bridge 通信讲起。...JS 调用 Native 通信大致有三种方法： 拦截 Scheme 弹窗拦截 注入 JS 上下文 这三种方式总体上各有利弊，下面会一一介绍。...iOS WKWebView WKWebView 里面通过 addScriptMessageHandler 来注入对象到 JS 上下文，可以在 WebView 销毁的时候调用 removeScriptMessageHandler...WKWebView *wkWebView = [[WKWebView alloc] init]; WKWebViewConfiguration *configuration = wkWebView.configuration...我们这边的 JS Bridge 通信是基于 WebViewJavascriptBridge 这个库来实现的。 主要是结合 Scheme 协议+上下文注入来做。
在 webkit2 的设计里使用 MessageQueue 进行进程之间的通信，Network Process 会将请求 encode 成一个 Message,然后通过 IPC 发送给 App Process...发起的 post 请求 body 数据会丢失： //同样是由于进程间通信性能问题，HTTPBody字段被丢弃 [request setHTTPMethod:@"POST"]; [request setHTTPBody...无奈之下，我们只能约定一个JS接口，让游戏开发商实现该接口，具体是通过 canvas getImageData()方法取得图片数据后返回 base64 格式的数据，客户端在需要截图的时候，调用这个JS接口获取...另一个 crash 发生在 WKWebView 退出前调用： -[WKWebView evaluateJavaScript: completionHandler:] 执行JS代码的情况下。...8.2、goBack API问题 WKWebView 上调用 -[WKWebView goBack], 回退到上一个页面后不会触发window.onload()函数、不会执行JS。
在webkit2的设计里使用messageQueue进行进程之间的通信，network process会将请求encode成一个Message,然后通过IPC发送给app process。...4、WKWebView loadRequest问题 在WKWebView上通过loadRequest发起的post请求body数据会丢失： //同样是由于多进程间通信性能问题，导致HTTPBody字段被丢弃...退出的时候，JS刚好执行了window.alert(), alert框可能弹不出来，completionHandler最后没有被执行，导致crash；另一种情况是在WKWebView一打开，JS就执行window.alert...另一个crash发生在WKWebView退出前调用 -[WKWebView evaluateJavaScript:completionHandler:] 执行JS代码的情况下。...8.2、goBack API问题 WKWebView上调用 -[WKWebView goBack], 回退到上一个页面后不会触发window.onload()函数、不会执行JS。
在上篇文章中讲述了使用UIWebView拦截URL的方式来处理JS与OC交互。 由于UIWebView比较耗内存，性能上不太好，而苹果在iOS 8中推出了WKWebView。...同样的用WKWebView也可以拦截URL，做JS 与OC交互。关于WKWebView与UIWebView的对比，大家请自动百度或者google。...除了代理方法和WKWebView的使用不太一样，关于WKWebView更详尽的讲解和用法，还是自行搜索学习，本文重点还是讲解如何实现JS 与OC 互相调用。...方法 JS 调用OC 方法后，有的操作可能需要将结果返回给JS。...这时候就是OC 调用JS 方法的场景。 WKWebView 提供了一个新的方法evaluateJavaScript:completionHandler:，实现OC 调用JS 等场景。
WKWebView的使用 前言 最近项目中的UIWebView被替换为了WKWebView，因此来总结一下WKWebView的使用。...示例Demo：WKWebView的使用 本文将从以下几方面介绍WKWebView： 1、WKWebView涉及的一些类 2、WKWebView涉及的代理方法 3、网页内容加载进度条的实现 4、JS...后，会发现字体小了很多，这应该是WKWebView与html的兼容问题，解决办法是修改原网页，要么我们手动注入JS NSString *jSString = @"var meta = document.createElement...JS方法，设置处理接收JS方法的代理，代理遵守WKScriptMessageHandler，实现捕捉到JS消息的回调方法，详情可以看第一步中对这两个类的介绍。...OC调用JS //OC调用JS changeColor()是JS方法名，completionHandler是异步回调block NSString *jsString = [NSString
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
