一、前言 近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！...接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。...四、WKUIDelegate的代理方法 用来做一些页面上的事件，弹窗警告，提醒等。...')">点击alert有参弹窗 点击confrim弹窗 <button...中点击按钮，进行弹窗实现 //MARK:WKUIDelegate //此方法作为js的alert方法接口的实现，默认弹出窗口应该只有提示消息，及一个确认按钮，当然可以添加更多按钮以及其他内容，但是并不会起到什么作用
创建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
布局大概是这样： Paste_Image.png 首先，弄一个DIV，把弹窗的模子弄出来。
网站无限弹窗，可以用 js 来实现。 定时执行 alert() function time(){ alert("Hello!")...setInterval("time()",3000);//每隔3秒执行一次 无限/死循环 while(true){ alert("");//死循环了 } 如果要延迟3秒，等页面加载后再无限弹窗
一、WKWebView的使用： 1、初始化 webView初始化：WKPreferences, WKUserContentController -> WKWebViewConfiguration ->... WKWebView 这里添加了三个代理，代理方法会在下面实现。...button onclick="testA()">点击alert APP弹框 点击Confrim APP弹窗...>点击Prompt APP弹窗 向APP传递数据 <script type...中的弹窗消息"); } // 向APP传递数据 function buttonAction() { try
同样的用WKWebView也可以拦截URL，做JS 与OC交互。关于WKWebView与UIWebView的对比，大家请自动百度或者google。...除了代理方法和WKWebView的使用不太一样，关于WKWebView更详尽的讲解和用法，还是自行搜索学习，本文重点还是讲解如何实现JS 与OC 互相调用。...如果在HTML中要使用alert等弹窗，就必须得实现UIDelegate的相应代理方法。 3.在iOS 9之前，WKWebView加载本地HTML会有一些问题。...4.WKWebView中使用弹窗 在上面提到，如果在WKWebView中使用alert、confirm 等弹窗，就得实现WKWebView的WKUIDelegate中相应的代理方法。...例如，我在JS中要显示alert 弹窗，就必须实现如下代理方法，否则alert 并不会弹出。
{ } func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!)...{ } func webView(_ webView: WKWebView, didFail navigation: WKNavigation!..., withError error: Error) { } 代理 WKUIDelegate 处理JS弹窗的回调 代理方法 //消息弹窗 func webView(_ webView: WKWebView...completionHandler: @escaping () -> Void) { self.showNoticeText(message, time: 1.2) completionHandler(); } //确认弹窗...frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void) { completionHandler(true); } //输入弹窗
看网上关于它的博客也是有许多的了，从各个方面总结一下这个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
前言 由于目前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...WKWebView在每次加载请求完成后会调用此方法 (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation
JS调用iOS方法url拦截弹窗拦截（alert、confirm、prompt）JavaScriptCore（只适用于UIWebView）WKScriptMessageHandler（只适用于WKWebView...，iOS8+）Bridge第三方框架（适用于UIWebView和WKWebView）1. url拦截url拦截是在H5请求一个地址后，客户端拦截住这个地址，对地址进行解析处理H5中调用iOS方法代码：<...弹窗拦截弹窗包括：alert、confirm、prompt, 和url拦截类似都在回调方法中处理以WKWebView的alert为例：- (void)webView:(WKWebView *)webView...JSBridgeJS桥接第三方框架(1)第三方框架DSBridge(2)第三方框架WebViewJavascriptiOS调用JS方法1. UIWebView2. WKWebView1. ...拦截弹窗3. JavaScriptInterface（JSI）4. JSBridge1.
中间磨磨唧唧从原生JS找到JS插件，浪费了不少精力和时间，但是也磕磕碰碰学到了些知识，建议读者：想学一下弹窗的JS实现代码的可以看看前两小节，只想实现效果的，直接复制源码就行！...源码（就几行JS是核心代码，多数是CSS样式）： /* 触发弹窗图片的样式 */ #myImg { border-radius: 5px;...源码： $(function () { //页面加载完完成后，自动触发点击事件创造弹窗 //必须先新建弹窗对象，不然无法实现点击链接触发弹窗事件 SetImage(); //获取弹窗...">x $(function () { $('.btn1').on('click', function
2，WKWebView拥有与Safari中相同的Nitro JavaScript引擎，大大提高了页面JS执行速度；但是UIWebView不支持Nitro JavaScript引擎，所以加载较慢。...5，WKWebView可以和JS直接互调函数，交互更方便；而UIWebView则需要依靠WebViewJavaScriptBridge第三方库来协助处理与JS的交互，实现起来较繁琐。...比如JS与Native的通信、scheme拦截、点击电话号码是否调起拨打电话的弹窗等，都是在该代理方法中处理的。...:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler { //这里展示了如何使用OC原生来展示JS的警告弹窗...我们可以通过JSCore或者JSBridge来在native中执行JS代码，并且在JS中去回调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
最新项目使用网页加载页面的基本上都由UIWebView转到WKWebView了,然后刚刚才发现用了WKWebView之后不会弹窗提示了,查了一下知道原来WKWebView默认禁止了下面的跳转: 打开itunes.apple.com...跳转到App Store, 拨打电话, 唤起邮箱等一系列操作 JS的Alert,Confirm,TextInput弹框 解决方法: 首先实现WKUIDelegate代理方法 解决唤不起打电话和跳转系统应用的方法...- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction...WKNavigationActionPolicyCancel); return; } decisionHandler(WKNavigationActionPolicyAllow); } } 解决JS...的Alert,Confirm,TextInput不弹框的方法 #pragma mark - 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
并且，是全js操作，也即不用再html写任何标签。...官网 Sweetalter官网是：https://sweetalert.js.org/docs/ 也有中文网【注意不是官网，我不确定他是不是官网】，但是我觉得文档有问题，所以这里只放了英文官网，可以自行搜索中文网...Npm npm install sweetalert 浏览器 <script src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.<em>js</em>
/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
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
