ios传值给js_iOS h5和iOS原生交互,h5和iOS互相传值

迷南。 2022-12-31 11:24 182阅读 0赞

释放双眼，带上耳机，听听看~！

前言 : h5和iOS原生交互,互相传值,下面代码是完整的.M文件 简单实现h5和原生交互,互相传值。

//

// ViewController.m

// 原生-H5简单交互

//

// Created by Mr Yang on 2018/7/23.

// Copyright © 2018年 MrYang. All rights reserved.

//

\#define ScreemW \[UIScreen mainScreen\].bounds.size.width

\#define ScreemH \[UIScreen mainScreen\].bounds.size.height

\#import "ViewController.h"

//引用系统JS库名

\#import

//原生创建JS代理方法 用于H5调此方法向原生传值

@protocol JSDelegate

\- (void)getImage:(id)parameter;

@end

@interface ViewController ()

@property(retain, nonatomic) UIWebView \*myWebView;

@property(strong, nonatomic) JSContext \*jsContext;

@end

@implementation ViewController

\- (void)viewDidLoad \{

\[super viewDidLoad\];

\[self setupWebView\];

\}

\- (void)setupWebView\{

if (!self.myWebView) \{

//初始化 WebView

self.myWebView = \[\[UIWebView alloc\] initWithFrame:CGRectMake(0, 0, ScreemW, ScreemH)\];

self.myWebView.backgroundColor = \[UIColor whiteColor\];

self.myWebView.delegate = self;

NSURL \*path = path = \[NSURL URLWithString:@"www.baidu.com"\];

\[self.myWebView loadRequest:\[NSURLRequest requestWithURL:path\]\];

\[self.view addSubview:self.myWebView\];

\}

\}

\#pragma mark UIWebViewDelegate

// 加载完成开始监听js的方法

\- (void)webViewDidFinishLoad:(UIWebView \*)webView\{

self.jsContext = \[self.myWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"\];

self.jsContext\[@"iosDelegate"\] = self;

self.jsContext.exceptionHandler = ^(JSContext \*context, JSValue \*exception)\{

context.exception = exception;

NSLog(@"获取 self.jsContext 异常信息：%@",exception);

\};

\}

\#pragma mark - JSDelegate

\- (void)getImage:(id)parameter\{

dispatch\_async(dispatch\_get\_main\_queue(), ^\{

// parameter 就是H5给你传的值

JSValue \*jsValue = self.jsContext\[@"setImageWithPath"\];

//调取H5 JS 方法向H5传值

\[jsValue callWithArguments:@\[@\{@"can1":@"",@"can2":@""\}\]\];

\});

\}

@end

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS-与H5的交互（四种）

之前项目中有一部分内容和H5的小伙伴协同开发的，使用了各种与H5的交互，现在有时间整理出来，和大家分享一下。这篇文章会介绍这么几个内容： 1、Html调用OC的方法。

骑猪看日落/ 2023年10月18日 10:47/ 0 赞/ 83 阅读

相关 iOS原生App与H5页面交互笔记

> 作者：MikeZhangpy > > 来源：简书 http://www.jianshu.com/p/4ed3e5ed99c6 最近在做一个项目用到了原生App与H5交互

清疚/ 2023年10月17日 08:11/ 0 赞/ 32 阅读

相关 H5js和移动安卓ios交互

H5js和移动安卓ios交互很好懂这个H5是基于VUE写的 [https://blog.csdn.net/weixin\_44696379/article/d

待我称王封你为后i/ 2023年03月06日 03:58/ 0 赞/ 31 阅读

相关 ios传值给js_iOS h5和iOS原生交互,h5和iOS互相传值

释放双眼，带上耳机，听听看~！前言 : h5和iOS原生交互,互相传值,下面代码是完整的.M文件简单实现h5和原生交互,互相传值。 // // ViewControl

迷南。/ 2022年12月31日 11:24/ 0 赞/ 183 阅读

相关 H5与Android和ios原生交互

判断是Android还是ios isIos() { // 判断是否是Ios return /(iPhone|iPad|iPod|iOS|

红太狼/ 2022年12月04日 09:16/ 0 赞/ 266 阅读

相关 H5如何与IOS和安卓进行交互

写在前面 > 很久没更新了，真的是没时间，周末要做兼职，工作日要加班赶项目，筋疲力尽了，今天稍微好点，更新一下吧，最近用的一些东西！问题描述 > 我们开发一款软

谁践踏了优雅/ 2022年10月09日 03:18/ 0 赞/ 243 阅读

相关 iOS-传值大全

前言 [iOS][]传值方式很多，这里面我主要讲几种常用的传值；以下传值正向传值A页面到B页面，反向传值B页面传到A页面。 1.属性传值 A页面

朱雀/ 2022年10月01日 00:49/ 0 赞/ 184 阅读

相关 H5调用安卓和ios app原生方法

var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 || u

桃扇骨/ 2022年09月04日 08:54/ 0 赞/ 312 阅读

相关 h5与安卓和ios交互

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

我会带着你远行/ 2022年04月22日 15:50/ 0 赞/ 328 阅读

相关 iOS关于H5和原生页面交互

H5页面调用原生页面，首选JavaScriptCore，JSContext搭配JSExport： - (void)setupJsContent {

た入场券/ 2022年01月19日 22:59/ 0 赞/ 319 阅读