iOS JS与OC交互 本文内容导航 1、`UIWebView` JS 与 OC 交互 1.1 OC 调用 JS 函数 1.1.1 OC 拼接 JS 字符串调用 JS 方法 1.1.2 使用 JSContext...上下文环境调用 JS 函数 1.2 JS 调用 OC 函数 1.2.1 OC 拦截 JS 超链接操作请求 1.2.2 向 JS 中注入 OC 类 1.2.3 使用 JSContext 上下文,JS函数...回调 OC 代码块 1.3 异常收集 2、`WKWebView` OC 与 JS 交互 2.1 `WKUIDelegate` 协议 2.2 OC 调用 JS 函数 2.3 JS 调用 OC 2.3.1...调用 JS 函数 OC 调用 JS 函数,有两种方法: ①使用stringByEvaluatingJavaScriptFromString,拼接 JS 字符串调用。...使用步骤: ① 引入头文件 ② 初始化桥接类实例 ③ (JS 调用 OC)OC中 registerHandler 注册JS方法,使用block传参及回调;( OC 调用 JS)callHandler
很久之前用的互相调用的方法,今天要分享下,故记录下 Objective-C,通常写作ObjC或OC和较少用的Objective C或Obj-C,是扩充C的面向对象编程语言。...调oc 网页中的点击方法可以调起原生页面 /** 拦截URL js调用oc @param webView @param request @param navigationType @return...onclick="did();">google function did() { window.location.href = 'jsToOC:success'; } 3.oc...调js 原生调用js方法,也可把参数传递给js /** 返回附件参数的代理 @param array */ - (void)didBackButtonWithArray:(NSMutableArray...]; } js中写法 function cacheAttachMentInfo(ssss, yyy) { alert(ssss); }
JS调用原生OC篇 方式一 第一种方式是用JS发起一个假的URL请求,然后利用UIWebView的代理方法拦截这次请求,然后再做相应的处理。...JS_OC_summary 如果你看的还不尽兴,后面还有几篇JS相互调用的文章。...iOS下JS与OC互相调用(一)--UIWebView 拦截URL iOS下JS与OC互相调用(二)--WKWebView 拦截URL iOS下JS与OC互相调用(三)--MessageHandler...iOS下JS与OC互相调用(四)--JavaScriptCore iOS下JS与OC互相调用(五)--UIWebView + WebViewJavascriptBridge iOS下JS与OC互相调用...(六)--WKWebView + WebViewJavascriptBridge iOS下JS与OC互相调用(七)--Cordova 基础 iOS下JS与OC互相调用(八)--Cordova详解+实战
使用WKWebView的时候,如果想要实现JS调用OC方法,除了拦截URL之外,还有一种简单的方式。那就是利用WKWebView的新特性MessageHandler来实现JS调用原生方法。...WKScriptMessageHandler是因为我们要处理JS调用OC方法的请求。...解析JS 调用OC 实现分享的参数: - (void)shareWithParams:(NSDictionary *)tempDic { if (!...4.处理HTML中JS调用。 HMTL的源码跟之前的HTML内容差不多,只有JS的调用部分改变了。...调用JS 这里使用WKWebView 实现OC 调用JS方法跟上一篇是一样的,还是利用 - evaluateJavaScript:completionHandler:。
前面讲完拦截URL的方式实现JS与OC互相调用,终于到JavaScriptCore了。...2.2 添加JS要调用的原生OC方法。 在HMTL加载成功的回调方法- (void)webViewDidFinishLoad:(UIWebView *)webView中添加要调用的原生OC方法。...2.3 OC调用JS方法 OC调用JS方法就有多种方式了。首先介绍使用JavaScriptCore框架的方式。...我们上面的JS调用OC方法,就是利用的这个实现的。 关于JSExport如何使用?...WKWebView中如何实现OC与JS交互可以看前面这篇文章:iOS下JS与OC互相调用(三)--MessageHandler UIWebView利用JavaScriptCore来实现交互的示例工程:JS_OC_JavaScriptCore
安装Cordova ** Cordova 命令行需要运行在 Node.js 上,在 NPM 也可用。我们可以按照 platform specific guides 去安装别的依赖平台。...因此,在安装Cordova之前,要先安装Node.js 和 NPM(可以参考文章Mac 下安装Node.js)。
WebViewJavascriptBridge是一个有点年代的JS与OC交互的库,使用该库的著名应用还挺多的,目前这个库有7000+star。...本文介绍的是在UIWebView中使用WebViewJavascriptBridge来达到JS与OC互相调用的目的。WKWebView使用的是WKWebViewJavascriptBridge。...第四步、完成HMTL必要的JS代码 由于WebViewJavascriptBridge也是拦截URL来实现的调用原生功能,所以有一些代码跟之前iOS下JS与OC互相调用(一)中的HTML JS代码很相似...第六步、Native 调用 js 功能 Native 调用js 的功能,也需要先在js 中为要调用的功能注册一个别名。...示例工程地址:JS_OC_WebViewJavascriptBridge Have Fun!
上一篇文章介绍了UIWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用,这一篇来介绍一下WKWebView 又是如何通过WebViewJavascriptBridge...来实现JS 与OC 的互相调用的。...WKWebView 下使用WebViewJavascriptBridge来实现JS 与OC 的互相调用,也是通过拦截URL来实现的。...下面开始介绍WKWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用。...与OC互相调用(一)--UIWebView 拦截URL,你就会发现这个方法与loadURL很像。
前提 目前TRTC官网上提供的一些场景化demo(比如TUIMeeting )是用的swift写的,下面以OC项目中集成TUIMeeting这个组件为例简单介绍下OC 调用swift 正文 1、集成TUIMeeting...组件直接参考TRTC官网文档https://cloud.tencent.com/document/product/647/45681 2、添加swift 文件,只要是混编无论是在oc项目中添加swift...文件,还是swift项目中添加oc文件,会提示添加一个桥文件 名字为XXX-Bridging-Header.h Choose a template for your new file.png Ready...3、Target-> Bulid Settings ->输入packa 设置Defines Module 为Yes 4、设置圆框内 为当前工程名 image.png 5、在你要调swift文件的oc...项目名-Swift.h”文件,再重复第5步进来就能看的你需要的“项目名-Swift.h”文件了 h TRTCDemo-Swift.h.png h TRTCDemo-Swift.h.png 然后就可以在OC
最近准备把之前用UIWebView实现的JS与原生相互调用功能,用WKWebView来替换。顺便搜索整理了一下JS 与OC 交互的方式,非常之多啊。...我去年也写过一个相互调用的总结:iOS下JS与原生OC互相调用(总结)。 写的比较粗糙,因此准备新开一个目录专题来记录JS 与原生交互的处理方式。...答:便于在OC 中做拦截处理,减少在JS中调用一些OC 没有实现的方法时,webView 做跳转。...答:因为有的JS调用是需要OC 返回结果到JS的。...OC调用JS方法 关于将OC 执行结果返回给JS 需要注意的是: 如果回调执行的JS 方法带参数,而参数不是字符串时,不要加单引号,否则可能导致调用JS 方法失败。
扯两句,可以跳过 由于项目中Cordova相关功能一直是同事在负责,所以也没有仔细的去探究Cordova到底是怎么使用的,又是如何实现JS 与 OC 的交互。...1.新建工程,添加Cordova 关键类 我这里用Xcode 8 新建了一个工程,叫 JS_OC_Cordova,然后将Cordova关键类添加进工程。 有哪些关键类呢?...这里有两种方式:第一种是直接执行JS,调用UIWebView 的执行js 方法。...调用Native 功能 终于到重点了,JS想要调用原生代码,如何操作呢?...示例工程的github地址:JS_OC_Cordova Have Fun!
代码:https://github.com/kenkozheng/cocos2d-js/tree/master/jsbinding(cpp_js%20js_cpp) 1 JS调用C++ 3.0中写这个绑定比较简单...,跟ANE调用java如出一辙,一个JSContext,一个jsval,使用cocos2d提供的c++和js变量转换的函数做好转换即可。...从运行结果可以看到,js调用成功,并获取到返回值。...executeFunctionWithOwner可以实现类似cc.sprite之类的c++对象和js对象的调用,没有深究。这里演示的是如何做全局调用。..., 0, 0); } 相应在js侧添加一个全局函数,给c++调用。
除了代理方法和WKWebView的使用不太一样,关于WKWebView更详尽的讲解和用法,还是自行搜索学习,本文重点还是讲解如何实现JS 与OC 互相调用。...2.拦截URL 使用WKNavigationDelegate中的代理方法,拦截自定义的URL来实现JS调用OC方法。...调用 JS 方法 JS 调用OC 方法后,有的操作可能需要将结果返回给JS。...这时候就是OC 调用JS 方法的场景。 WKWebView 提供了一个新的方法evaluateJavaScript:completionHandler:,实现OC 调用JS 等场景。...示例工程地址:JS_OC_URL
(一)Swift调用OC 假设:我们的项目是Swift的。项目中用到了OC写的一些类。那么怎么让Swift调用OC类呢?如下图: 新建项目:Language选择Swift语言。 ?...Snip20160919_10.png 桥接文件是Swift调用OC所必须的,Swift中用到哪个OC类,就需要在桥接文件中import该OC类的头文件,如下图: ?...2.Swift中调用的OC类,需要使用Swift语法。...OC调用Swift 我们在我们想要调用Swift类的方法里面引入头文件:”Product Module Name-Swift.h”,其中Product Module Name替换成项目名称(SwiftAndOC...OC中调用Swift类: ?
这就涉及到了 C++ 调用 OC,OC 再调用 C++的混合调用的情况。...要弄清楚的几个基本概念 要想让 OC 与 C++之间可以顺利的相互调用,我们必须要先弄明白下面几个基本概念: 首先,我们要清楚一个概念,OC 与 C++ 对象在内存管理上是不一样的。...OC 与 C++相互调用 在 C++ 中使用 OC 对象时,要引用 OC的头文件,引用 OC 头文件的语句是: #import "header.h" 千万不要写成: #include "header.h...另外,在.mm中可以直接写OC的语法,虽然OC与C++对象由于内存管理不同,无法直接相互赋值,但可以在 .mm文件中直接创建 OC对象,然后调用对象的方法。...如下所示: 在 .mm中创建 C++对象,并调用其方法: TestCPP *tCPP = new TestCPP(); tCPP->sayHello(); 在.mm中创建 OC 对象,并调用其方法:
sudo ln -sf luajit-2.1.0-beta3 /usr/local/bin/luajit
使用浏览器浏览网页,相信大家都不陌生,使用浏览器调试游戏代码,我们以后介绍,下面简单介绍一下 Node.js 与 Cocos Creator 这两个软件安装启动。...Mac 系统通过打开 Terminal 命令终端,输入:node --version 或 -v 查看 Node.js 的版本号,输入 node 进入交互式命令行,看下图: ?...三、Cocos Creator Cocos Creator 是厦门雅基软件开发的跨平台游戏引擎,支持在 Windows 和 Mac 下进行游戏开发,下载地址: https://www.cocos.com...在启动 Cocos Creator 主程序时,首次还需要登录,我们还需要注册一个 Cocos 开发者帐号: ? 打开工程后,点击顶部启动按钮运行预览: ?...铬,铬合金;铬黄;谷歌浏览器; Node.js:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
https://blog.csdn.net/u010105969/article/details/53189934 之前虽然做过OC与JS交互,但都是比较简单的效果:点击网页中的图片,然后进行图片浏览...现在对OC与JS交互这块也不是很清楚,今天只是把之前的代码贴过来以便今后更好地理解OC与JS的交互。 首先需要往网页中注入JS。注入JS的工作是后台做的。...可好像安卓和iOS还是有区别的,因为之前安卓那边可以实现与JS的交互,而我这边却不能。后台后台修改了代码,我这边也就可以进行交互了。...和JavaScript交互的那些事 点击调用原生代码并传递参数...附上利用WKWebView加载网页OC与JS的交互的地址: http://mp.blog.csdn.net/postedit/53541088
本文以cocos2d-js为例,但cocos2dx其他版本也是同理的,只是函数名略有不同而已。...squareVertexPositionBuffer = this.squareVertexPositionBuffer = gl.createBuffer(); //创建一个buffer,并记录下来,后续每帧draw的时候调用...this.uniformResolution = gl.getUniformLocation( program, "resolution"); //override原来的draw函数,在每帧draw的时候调用...最后附上cocos2dx官方的一些教程: http://cn.cocos2d-x.org/tutorial/show?...id=1336 http://cn.cocos2d-x.org/tutorial/show?id=1337
递归的概念 在程序中函数直接或间接调用自己 注意:使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题。 3. 例子 1.
领取专属 10元无门槛券
手把手带您无忧上云