iOS原生WebView中JavaScript和OC交互

最新推荐文章于 2022-02-11 15:54:05 发布
最新推荐文章于 2022-02-11 15:54:05 发布
阅读量3.9k 收藏
点赞数
分类专栏： iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songchunmin_/article/details/51082912
版权 


在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"];





SongChunMin_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
iOS中JavaScript和OC交互 －－by 胡 xu
weixin_30244681的博客
05-22 162
在iOS开发中很多时候我们会和UIWebView打交道，目前国内的很多应用都采用了UIWebView的混合编程技术，最常见的是微信公众号的内容页面。前段时间在做微信公众平台相关的开发，发现很多应用场景都是利用HTML5和UIWebView来实现的。 机制 Objective-C语言调用JavaScript语言，是通过UIWebView的- (NSString *)stringByE...
iOS原生代码通过webView与js脚本交互
u011237374的博客
05-27 2153
前段时间公司的一个项目需要使用的到OC代码与js脚本的交互。对于入行不久的我，当时也是在博客里面爬文来解决。做下来之后把我自己通过实践和学习得来的东西整理一下，以便在这方面接触不多的人能够快速的掌握OC与js的交互。新手教程，大神勿喷，如有错误，多多指教。
iOS webView中JavaScript打开原生ViewController（截取版）
弗洛伊德解不了的梦
04-14 771
第一次写技术博客，有点紧张。 先说说这篇文章中所述技术的适用情景。 举个栗子：我自己项目中的情况：项目最初的版本中所有界面都是原生的， 而如今加入了分类列表的web界面， 需求是点击分类列表界面（webView）的某个商品进入商品详情页（原生界面）。 //webView的代理方法(在此代理方法中进行截取操作)- (BOOL)webView:(UIWebView *)webView should
iOS WebViewJavascriptBridge的使用
gezhenrong的博客
03-03 5062
WebViewJavascriptBridge主要作用实现了OC与JS之间的交互，可以相互调用，传值。OC引用1可以通过CocoaPods直接引入到工程中pod "WebViewJavascriptBridge"2.直接下载到本地添加到工程中OC中的代码示例- (void)viewDidLoad { [super viewDidLoad]; UIWebView *webView = [[UIW
IOS UIWebView与JavaScript交互实现Web App
SamYoc-Winter的专栏
08-13 9334
上一篇文章讲到了Android WebView与JavaScript的交互问题，现在来讲一下IOS的UIWebView与JavaScript的交互问题。和Android的相比，IOS的会略显笨拙一些不大友好，然而也算是在未引用第三方框架的基础上完成了交互的问题。OK，现在开始吧。 1.首先在IOSA->Application下选择Single View Application创建一个IOS应用，
iOS开发之用javascript调用oc方法而非url
10-21
首先，确保`UIWebView`加载完毕后，通过`webViewDidFinishLoad`方法获取当前`webView`的`JSContext`对象，这个对象是JavaScript和OC交互的桥梁。然后，将OC类实例放入这个`JSContext`中，这样JavaScript代码就可以...
iOS开发中JS与OC交互.zip
最新发布
02-08
在iOS应用开发中，JavaScript（JS）与Objective-C（OC）的交互是一个常见的需求，特别是在混合式开发或者WebView中。本教程将详细讲解如何在iOS项目中实现JS与OC的通信，以提升用户体验并充分利用两者的优势。 首先...
IOS ObjectC与javascript交互详解及实现代码
08-31
在iOS开发中，Objective-C（简称OC）与JavaScript的交互是构建混合式应用或者增强原生应用功能的重要技术。本篇将详细讲解如何在iOS应用中实现OC与JavaScript的交互，以及提供相应的实现代码。 首先，OC与JS交互的...
ios下OC与JS交互之WKWebView
08-31
这篇文档将深入探讨WKWebView的主要概念和其在OC与JS交互中的应用。 **WKWebView Framework** WKWebView框架包含多个关键类和协议，这些类和协议协同工作以实现Web内容的加载和交互。以下是一些主要的组成部分： ...
swift-本文主要针对WebView和OC在开发中交互出现的一些问题进行概括和实践
08-15
在iOS应用开发中，我们经常会遇到需要在原生Swift代码和网页内容（通过WebView加载）之间进行交互的情况。这种交互可以实现很多功能，比如调用原生方法来处理JavaScript无法完成的任务，或者从网页中获取数据传递给...
iOS JS与OC交互
kangpp的博客
05-27 2693
iOS JS与OC交互 1、UIWebView 与 JS 交互 UIWebView 在 iOS12 中已经被废弃，同时WKWebView在iOS8中已经出现。所以无特殊情况的话，我们一般应该也是用不到前者了！ UIWebView 初始化： self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds]; self.webView.delegate = self; [self.view addSubview:self.
iOS_JS与OC的交互详解
shuiyue184480的博客
11-08 3111
背景: UIWebView: iOS 用来展示 web 端内容的控件。 1. 核心方法: - (NSString*)stringByEvaluatingJavaScriptFromString:(NSString *)script; script 就是 JS 代码,返回结果为 js 执行结果。 比如一个 JS function 为 function testFun
(0085)iOS开发之OC与JS交互高级用法（JavaScriptCore）
沐雨07的专栏
08-22 842
前述：JavaScriptCore你不知道的OC与JS之间交互。OC与JS之间用model实现交互、通讯、传值！好玩！ 几乎三年来一直断断续续接触OC与JS交互，每次觉得UIWebView OC与JS的交互已经很熟练了，但是每次研究它都会有新的收获。也越来越感觉JS和OC交互原来这么顺滑，越来越无感！完全可以像OC一样使用OC的对象，属性，方法！真心是太方便了！ 其实之前我也总结过OC与...
iOS 开发中OC 与 JS的交互
Tony博客
03-24 6159
iOS原生应用和web页面的交互有iOS7之后的JavaScriptCore、拦截协议、第三方框架WebViewJavaScriptBridge、iOS8之后的WKWebView几种方法，这一章我们主要讲解JavaScriptCore和拦截协议这两种办法。WebViewJavaScriptBridge是基于拦截协议进行的封装，使用也不如JavaScriptCore方便本文不做细讲。WKWebVie
Cocos Creator webview 嵌入
YuGuang_Zhu的博客
03-26 6363
cocos creator webview 嵌入 之前一直也没写过一些安卓相关的博客，不过后来转javascript后就没写了，账号都不记得之前的是多少了，本次在工作中遇到了 cocos 的web嵌套问题，官网给的文档感觉不太明确，一点一点的验证完成了探索。写这篇博客，就是想分享给大家，不用走那么多探索道路，下面把主要的代码贴出来，以供参考。 需求： 一个项目中将活动等不含游戏逻辑的数据，单独拆分为单独的项目，主包(ios，android，h5)用webview进行加载。这里子包也是用creator做的，打
OC中WKWebView与js的交互
lrbtony的博客
02-11 528
之前用UIWebView的时候，非常的爽，用JSContext这个类就可以做想做的事，现在要改成WKWebView就比较的坑爹了（这是为什么博主要换控件的原因），因为博主需要在页面文件加载之前就把参数给到web端(js调用有返回值oc方法)。把WKWebView的所以代理方法都看了一遍，发现只有下面方式能与js交互： window.webkit.messageHandlers.<name>.postMessage(); 但是这个是没有返回值的，于是博主又想到了。如果让web端用这个方法来通知
iOS与JS交互的4种方法
热门推荐
dolacmeng的专栏
03-20 5万+
iOS与JS交互的方法：1.拦截url（适用于UIWebView和WKWebView） 2.JavaScriptCore（只适用于UIWebView，iOS7+） 3.WKScriptMessageHandler（只适用于WKWebView，iOS8+） 4.WebViewJavascriptBridge（适用于UIWebView和WKWebView，属于第三方框架） 下面以假设的需求进行
iOS支付功能篇：原生WebView调起支付宝客户端支付方案
sail的技术博客
07-05 4万+
产品需求： 使用iOS原生WKWebView加载H5调起支付宝客户端进行支付的功能实现。 资源后台提供H5支付接口 e.g : https://qr.alipay.com/bax06385q32ssucugqxm00f1开发历程1. 安卓直接webView加载上面的URL直接可完成跳转支付宝弹出支付界面；2. iOS WKWebView加载这个URL，只是单纯加载，无法实现跳转；3. 使
iOS开发--iOS原生与JS交互的几种方式对比
qq_29529257的博客
01-22 2274
iOS原生与JS交互的几种方式对比   JavaScriptCore    第三方框架 WebViewJavaScriptBridge WKWebView 简介 iOS7之后苹果推出了 JavaScriptCore这个框架， 从而让web页面和本地原生应用 交互起来非常方便， 而且使用此框架可以 做到Android那边和iOS相对统一
Android WebView中Java与JavaScript交互实战
在Android开发中，有时我们需要在原生的Java代码和网页中的JavaScript之间进行数据交换或功能调用。Android提供了WebView组件，它不仅可以展示网页，还支持Java与JavaScript的交互。本文将探讨如何在Android应用中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值