WKWebView和JS交互

摘要:
函数postMyMessage()?{?varmessage={'message‘:'你好,世界!','数字‘:[1,2]};?}

 // 1.WKWebView的配置
        WKUserContentController *userContentController = [[WKUserContentController alloc] init];
        [userContentController addScriptMessageHandler:self name:@"myName"];
        _wkConfig = [[WKWebViewConfiguration alloc] init];
        _wkConfig.userContentController = userContentController;
        _wkwebView = [[WKWebViewalloc] initWithFrame:self.view.boundsconfiguration:_wkConfig];

// 2.iOS 8 引入WKWebViewWKWebView 不支持JavaScriptCore的方式但提供message handler的方式为JavaScript 与Objective-C 通信.

Objective-C 中使用WKWebView的以下方法调用JavaScript:

- (void)evaluateJavaScript:(NSString *)javaScriptString

         completionHandler:(void (^)(id, NSError *))completionHandler

如果JavaScript 代码出错, 可以在completionHandler 进行处理.

 [_wkwebView evaluateJavaScript:@"onPayComplete(1)" completionHandler:nil];// OC调用JS函数,可传参数

//3. WKScriptMessageHandler protocol?

- (void)userContentController:(WKUserContentController *)userContentController

    didReceiveScriptMessage:(WKScriptMessage *)message

{

    NSLog(@"Message: %@", message.body);

}

// 4.在JavaScript 将信息发给Objective-C:

// window.webkit.messageHandlers.<name>.postMessage();?

 

function postMyMessage()? {?

    var message = { 'message' : 'Hello, World!', 'numbers' : [ 1, 2, 3 ] };?

    window.webkit.messageHandlers.myName.postMessage(message);?

}

 

 

免责声明:文章转载自《WKWebView和JS交互》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇kubernetes集群部署mysql 8.0编一程序,将两个字符串连接起来,不要用strcat函数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IIS网站服务器性能优化指南(转载)

原文网址:http://www.phontol.com/20090507_419416_1.htmlWindows Server自带的互联网信息服务器(Internet Information Server,IIS)是架设网站服务器的常用工具,它是一个既简单而又麻烦的东西,新手都可以使用IIS架设一个像模像样的Web站点来,但配置、优化IIS的性能,使得网...

springboot+thymeleaf 访问静态资源解决(static)

---------------------------------------2.1.3------------------------------------------------------------------ 第一步:pom.xml-必须有这个 <dependency><groupId>org.springframewo...

技术学习网站

这里主要用于分享一些实用的技术网站,方便查阅 _ 一、学习提升 1. 综合学习网站 MDN学习 Web 开发的最佳实践 web.devGoogle 出品的 Web 开发资源教程 LeetCode全球极客挚爱的技术成长平台小浩算法 freeCodeCamp通过成千上万个编程关卡来帮助提升你的编程技能 网道互联网开发文档 慕课网程序员的...

npm run serve报错提示js堆内存不足

问题:执行npm run serve时报错,提示js堆内存不足 报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 在网上找的可以扩展内存的方法: 1、在添加package.json中添加语句:...

python爬虫学习笔记(二十七)-Splash的使用

1. Splash介绍 Splash是一个JavaScript渲染服务,是一个带有HTTP API的轻量级浏览器,同时它对接了Python中的Twisted和QT库。利用它,我们同样可以实现动态渲染页面的抓取 2. 安装 2.1 安装docker 2.2 拉取镜像 docker pull scrapinghub/splash 2.3 用docker运行s...

Android 上的 10 款 Web 开发工具推荐

作为一个狂热的 Android 用户,我一直在寻找适合Web开发人员使用的一些应用程序。经过搜索发现能够找到Web开发几乎每个方面的工具,涉及从Web服务器本身到FTP客户端再到一个源代码查看器,以及网站分析工具等等。以下推荐10款非常实用的Android端的Web开发工具。1.AndFTPAndFTP 是 Android 手机上的支持 FTP、SFTP、...