一、前言 近日，有朋友问我关于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 ()...（2）添加方法监听 WKWebViewConfiguration *webviewConfig = [[WKWebViewConfiguration alloc] init]; webviewConfig.userContentController
function Handle(){ this.events={}; this.addEventListener=functio...
一、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!)
看网上关于它的博客也是有许多的了，从各个方面总结一下这个WKWebView看网上说它主要是为了和JS做好交互产生的，我们也会相应的尝试一下。就先从它基本的说起！...一：和UIWebView相比它的不同处 1：和JS更好的做交互，也支持H5的一些新特性 2：加载进度条（下面会演示） 3：性能高，加载变得更快更可靠 二：从加载一张网页开始 1：使用这个WKWebView...有一个 estimatedProgress 属性，利用它来监听加载的进度，下面的进度打印出来了，但具体的进度条就没有写出来，你们可以自己写一个 UIProgressView 放在导航栏的下面。...2.JS端调用alert时所传的数据可以通过message,打印message信息读取出JS端给你的信息。...// 在原生得到结果后，需要回调给JS，通过completionHandler 回调给JS // completionHandler 回调的参数和返回值都是空 -(void)webView:(WKWebView
前言 由于目前UIWebView 已经被抛弃了，因此推荐使用WKWebView的WKScriptMessageHandler实现iOS与JS交互 WKWebView是Apple在iOS8推出的Webkit...:configuration]; 1.2.1 监听消息 避免引起循环引用问题。...：在-viewWillAppear:方法中执行add 监听，在-viewWillDisappear:方法中执行remove 监听。...:方法可以执行JS代码。...但只有在整个webView加载完成之后调用此方法才会有响应 2.1 执行JS iOS使用WKWebView的-evaluateJavaScript:completionHandler:方法执行拼接好的JS
在做第六个项目（根据输入框实时调用AJAX古诗匹配）时，当我们输入中文拼音，还在拼音字符状态未选择成中文时，一直在执行我编写的事件监听处理函数（当输入框里的值有变化时执行此函数， 调用AJAX在页面显示数据里包含这些字的古诗...而我想要的是在我们输入拼音未完成中文选择时，不让其执行我们的监听处理函数， 只有选择完中文后才去执行调用AJAX判断有没有包含输入的这些字的古诗。...="this_input" placeholder="中文输入未完成时不执行事件" /> <script src="http://code.jquery.com/jquery-1.8.3.min.<em>js</em>...false); console.log('完成中文输入'); }); 当我们开始进行input的输入改变了input框里的值时，<em>js</em>...会<em>监听</em>到input propertychange事件， 执行判断(一开始时$(this).prop('cnStart')的值我们没有定义，为undefined， 在<em>监听</em>了compositionstart
2，WKWebView拥有与Safari中相同的Nitro JavaScript引擎，大大提高了页面JS执行速度；但是UIWebView不支持Nitro JavaScript引擎，所以加载较慢。...5，WKWebView可以和JS直接互调函数，交互更方便；而UIWebView则需要依靠WebViewJavaScriptBridge第三方库来协助处理与JS的交互，实现起来较繁琐。...显示加载进度条 我们可以通过监听WKWebView的estimatedProgress属性值来实现一个加载进度条，而UIWebView只能是通过timer事件做一个假的加载进度条。...， 6，上面讲到，我们可以使用KVO来监听WKWebView的estimatedProgress属性值的变化来实现加载进度条，那么WKWebView中还有那些属性值的变化也是可以被KVO监听到的呢?...我们可以通过JSCore或者JSBridge来在native中执行JS代码，并且在JS中去回调Native的相关函数。 现在很火热的跨平台以及热修复技术，都是基于JS与Native通信来实现的。
验证扩展 chrome（ie）与firefox对滚轮事件的监听方式是不一样的,并且返回的数值正负也是正好相反的 代码 /*********************** * 函数：注册某元素的滚轮事件
本文链接：https://ligang.blog.csdn.net/article/details/44467477 项目中要监听键盘组合键CTRL+C，以便做出对应的响应。...> <script src="http://tztest4.ptmind.cn/<em>js</em>.../jquery-1.8.0.min.<em>js</em>?
JS可以监听浏览器页面的关闭，主要使用了window对象的onbeforeunload方法 在以前（旧版本的浏览器中），可以自定义提示文案 window.onbeforeunload = function
{ alert("你按下了ctrl+V"); } }; js
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
做app开发时，用到了webview，需要监听webview的长按事件，使用原生的js处理监听如下： var timeOutEvent = 0; //定时器 //开始按 function...即500ms后自动执行longPress逻辑，并清除定时器事件，ontouchend表示tap弹起，这时直接清除定时器，ontouchmove表示手指滑动，直接清除定时器即可，这样就简单实现了长按事件监听处理
Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化 实例 计数器: {{
/** * 监听数据的变化 * @param obj 需要监听的对象 * @param name 需要监听的属性 * @param func 数据变化后的回调函数 */ export const...const obj = { name: 123 }; watch(obj, 'name', newValue => { console.log('name 被改变了') }); 首发自：js...监听数据的变化 - 小鑫の随笔
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
