ios-UIWebView中js和oc代码的互调

webview是ios中显示远程数据的网页控件,webview能显示的内容很多,MP4、文本、pdf等等;

关于js和oc代码的互相调用

1:oc中调用js代码;

>>oc中调用js代码很简单,一个方法:stringByEvaluatingJavaScriptFromString:@“”;

>>要执行的js代码方法到字符串中就可以了;

2:js中执行oc的某段代码;

>>js中执行oc的代码要通过一个桥梁:

  者桥梁就是webview的一个代理方法:(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request

  navigationType:(UIWebViewNavigationType)navigationType

  这个方法会在webview发送某个请求时调用,并且把request传了进来;返回YES, 可以加载这个请求, 返回NO, 代表禁止加载这个请求;

>>代码实现案例:在webview中通过js代码来打开手机的照相机

  js代码:

function openCamera()
{
      window.location.href = ‘iOS://openCamera‘;
      // 这段代码想要调用oc中的openCamera这个方法来打开相机
      // window.location.href这个方法会重新发送请求  这个请求会通过webview的代理方法传给oc
      // iOS:// 是定义的协议头,oc拿到请求的字符串后,看到这个协议头就拦截,执行后边的方法,这个协议头是自己指定的;
}

  oc的webview代理方法代码:

/**
 当webView发送一个请求之前都会调用这个方法, 返回YES, 可以加载这个请求, 返回NO, 代表禁止加载这个请求
 */
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSString *url = request.URL.absoluteString;
    NSRange range = [url rangeOfString:@"ios://"];
    if (range.length != 0) {

        // 截取方法名
        NSString *method = [url substringFromIndex:range.location + range.length];
        // 将方法名(字符串)转为SEL类型执行
        SEL selector = NSSelectorFromString(method);
        [self performSelector:selector withObject:nil];
    }
    return YES;
}

  总结:js中执行oc的代码的重要桥梁:webview的代理方法,也就是上边的方法;执行的方法在字符串中,oc拿到请求的字符串通过截取协议头后边的字符串得到要执行的方法的方法名;最后把截取得到的字符串转为方法执行;

ios-UIWebView中js和oc代码的互调

时间: 2024-10-04 21:20:42

ios-UIWebView中js和oc代码的互调的相关文章

UIWebView中JS与OC交互 WebViewJavascriptBridge的使用

一.综述 现在很多的应用都会在多种平台上发布,所以很多程序猿们都开始使用Hybrid App的设计模式.就是在app上嵌入网页,只要写一份网页代码,就可以跑在不同的系统上.在iOS中,app多是通过WebView来加载网页,由于功能需求等原因,代码中少不得要和跟网页交互. 二.原理 在iOS中,本地调用Javascript语言,是通过UIWebView中的实例方法stringByEvaluatingJavaScriptFromString:来实现的,该方法通过字符串对象的形式传入JS代码. [w

[ios]js调用oc代码(oc)

用途:在ios开发中,经常回用到js调用oc代码的时候,例如在网页上有个拍照和打电话的按钮,想打开系统自带的拍照和电话的时候,就需要用到js调用oc代码的功能. 实现原理:在webView加载html网页的时候,没当发送一个请求,就会调用<UIWebViewDelegate>代理的 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIW

UIWebView开发中,js与oc,js与swift交互,相互传递参数的方法

实际开发中经常遇到需要向webView传递参数或从webView取参数,在此写了个超简单的demo供大家参考,本人js刚学了一天,所以不足之处海涵. 废话不多说,直接上代码 oc版 1 #import "ViewController.h" 2 @interface ViewController ()<UIWebViewDelegate> 3 @property (nonatomic, strong)UIWebView * webView; 4 @end 5 6 @imple

iOS UIWebView与JS(JavaScript)交互-----根据节点隐藏HTML中内容

在移动端(这里指iOS)开发中,我们免不了使用UIWebView与JS交互. 先简单了解一下JS,JavaScript是一种直译式的脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.广泛用于客户端,主要用来向HTML页面添加交互行为.它可以直接嵌入HTML页面,但写成单独的JS文件有利于结构和行为的分离.JS具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows.Linux.Mac.Andriod.iOS等).作为直译语言,它的弱点:安全性. -- 摘自

史上最全的 UIWebview 的 JS 与 OC 交互

来源:伯乐在线 - 键盘风筝 链接:http://ios.jobbole.com/89330/ 点击 → 申请加入伯乐在线专栏作者 其实一直想给大家整理一下JS与OC的交互,但是没有合适的机会,今天借着微信小应用的发布,以及以后H5必定越来越流行,所以给大家整理一下. 交互方式有三种: 1.UIWebviewDelegate 2.JavaScriptCore 3.WebViewJavascriptBridge按照排序给大家介绍一下,我推荐前两种方法,第三种需要依赖第三方框架,并且不一定能拦截成功

iOS: UIWebView 中不加载图片(即浏览器常见的无图模式)

写到关于UIWebView不加载图片时,查了很多资料, 关于js,关于oc,在stackoverflow 等 并没有找到合适的答案, 最终觉得还是应该回归传统 用js代码, stringByEvaluatingJavaScriptFromString 来调用js方法 js代码: var div_hide_css_id = "iBrowser_div_hide_css"; // ------------------- 有图/无图 ---- function JSHandleHideIma

iOS UIWebView中图片显示尺寸不正常或者需要调整

我这边的需求是服务器返回一段html格式的数据,客户端展示出来,但是展示出来后发现图片尺寸太小,比例看起来很不舒服,于是在网上找到了这个解决方案(仅限于UIWebView):在webView加载完成后注入js代码 - (void)webViewDidFinishLoad:(UIWebView *)webView{ NSString *jsMeta = [NSString stringWithFormat:@"var meta = document.createElement('meta');me

iOS UIWebView与JavaScript的交互 相关资料

UIWebView自适应宽度 iOS UIWebView中javascript与Objective-C交互.获取摄像头 iOS中JavaScript和OC交互 iOS与js交互,获取webview完整url,title,获取元素并赋值跳转 示例 https://github.com/shaojiankui/WebViewJS wanggang316/ClickWebViewImage 点击webview上的图片,调用js获取,展示,保存

iOS开发中UIPopoverController的使用详解

这篇文章主要介绍了iOS开发中UIPopoverController的使用,代码基于传统的Objective-C,需要的朋友可以参考下 一.简单介绍 1.什么是UIPopoverController 是iPad开发中常见的一种控制器(在iPhone上不允许使用) 跟其他控制器不一样的是,它直接继承自NSObject,并非继承自UIViewController 它只占用部分屏幕空间来呈现信息,而且显示在屏幕的最前面 2.使用步骤 要想显示一个UIPopoverController,需要经过下列步骤