iOS原生WebView中JavaScript和OC交互

在iOS开发中很多时候我们会和UIWebView打交道，目前国内的很多应用都采用了UIWebView的混合编程技术，最常见的是微信公众号的内容页面。前段时间在做微信公众平台相关的开发，发现很多应用场景都是利用HTML5和UIWebView来实现的。

注意事项

（1）线程阻塞问题。

OC调用- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script时，可能由于JS是单线程的原因，会阻塞

原JS代码的执行。解决方案：JS端用defer将IFrame的插入延后执行。

一、机制

Objective-C语言调用JavaScript语言，是通过UIWebView的 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;的方法来实现的。该方法向UIWebView传递一段需要执行的JavaScript代码最后获取执行结果。

JavaScript语言调用Objective-C语言，并没有现成的API，但是有些方法可以达到相应的效果。具体是利用UIWebView的特性：在UIWebView的内发起的所有网络请求，都可以通过delegate函数得到通知。

二、示例

下面提供一个简单的例子介绍如何相互的调用，实现的效果是在界面上点击一个链接，然后弹出一个对话框判断是否登录成功。

三、代码--重点

（1）Html

<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><meta content="always" name="referrer" /><title>测试网页</title></head><body><br /><a href="devzeng://login?name=zengjing&password=123456">点击链接</a></body>
</html>

(2)UIWebView Delegate回调方法为：

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{NSURL *url = [request URL];if([[url scheme] isEqualToString:@"devzeng"]) {//处理JavaScript和Objective-C交互if([[url host] isEqualToString:@"login"]){//获取URL上面的参数NSDictionary *params = [self getParams:[url query]];BOOL status = [self login:[params objectForKey:@"name"] password:[params objectForKey:@"password"]];if(status){//调用JS回调[webView stringByEvaluatingJavaScriptFromString:@"alert('登录成功!')"];}else{[webView stringByEvaluatingJavaScriptFromString:@"alert('登录失败!')"];}}return NO;}return YES;
}

(3)说明

1、同步和异步的问题

（1）Objective-C调用JavaScript代码的时候是同步的

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;

（2）JavaScript调用Objective-C代码的时候是异步的

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

2、常见的JS调用

（1）获取页面title

NSString *title = [webview stringByEvaluatingJavaScriptFromString:@"document.title"];

（2）获取当前的URL

NSString *url = [webview stringByEvaluatingJavaScriptFromString:@"document.location.href"];

转载于:https://www.cnblogs.com/songchunmin/p/7789885.html

iOS原生WebView中JavaScript和OC交互相关推荐

unity导出工程导入到iOS原生工程中详细步骤
一直想抽空整理一下unity原生工程导入iOS原生工程中的详细步骤.做iOS+vuforia+unity开发这么长时间了.从最初的小小白到现在的小白.中间趟过了好多的坑.也有一些的小小收货.做一个喜欢 ...
UIWebView中JS与OC交互 WebViewJavascriptBridge的使用
一.综述现在很多的应用都会在多种平台上发布,所以很多程序猿们都开始使用Hybrid App的设计模式.就是在app上嵌入网页,只要写一份网页代码,就可以跑在不同的系统上.在iOS中,app多是通过W ...
flutter不支持热更新_在iOS原生项目中使用Flutter，热更新
前言: Flutter 因其自建的渲染引擎,背靠谷歌的支持,近来俘获了不少的开发小伙伴,越来越多的开发者尝试使用Flutter进行开发,在原生项目中嵌入Flutter来完成复杂度不高的页面成为了一个不 ...
H5页面在IOS微信webview中无法校验视频文件时长问题
因业务需求需要一个图片视频文件上传功能,需支持主流浏览器及微信钉钉内置浏览器,遂考虑用一个简单的H5页面做上传客户端.视频上传因为要控制视频长度,在其他浏览器中都校验通过,但是在微信中却出了问题 co ...
OC WKWebView的JS与OC交互、Cookie管理
完全抄录:iOS中UIWebView与WKWebView.JavaScript与OC交互.Cookie管理看我就够(中) ####WKWebView 是Apple于iOS 8.0推出的WebKit中的 ...
mvc中js是如何调用HTML的,MVC中javascript直接调用Model
最近做一个统计页面, Model从后台已经获取了数据集合,想直接在前台展示,而这个展示是需要用js生成图表的. 控制器部分代码: public ActionResult Index() { var m ...
IOS修改webView背景透明以及IOS调用前台js的方法
工作上遇到IOS的webView中的H5页面需要透明以显示webView的背景颜色.用H5自身的透明度的css样式或者js控制背景颜色及透明度都打不到想要的效果,最后还是通过ios设置webView中 ...
解决ios的webview中上/下拉露出黑灰色背景问题
解决ios的webview中上/下拉露出黑灰色背景问题问题描述:手机H5页面在ios的webview中,下拉(或上拉)会露出黑灰色背景 ,感觉很不好看,现在想要去掉这个背景解决方法: 1.touc ...
H5 --（解决）ios的webview中上/下拉露出黑灰色背景问题
问题描述:手机H5页面在ios的webview中,下拉(或上拉)会露出黑灰色背景解决思路 1.touchmove 时阻止系统的默认滑动事件 document.querySelector('body' ...

iOS原生WebView中JavaScript和OC交互

iOS原生WebView中JavaScript和OC交互相关推荐

最新文章

热门文章