JS_call_APP native 与 html的交互
1.*****
特点:下个版本的交互准备使用这个(http://www.knowsky.com/884428.html)
https://github.com/lifei321/JS-OC
http://www.%@.com/Article/14502 @“w2bc”(这个介绍了WKWebView (iOS 8 + )
http://justsee.iteye.com/blog/2036713(使用说明)
(https://lvwenhan.com/ios/462.html 自己动手打造基于 WKWebView 的混合开发框架(三))
注释:
self.js = [view valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; // Undocumented access to UIWebView's JSContextself.js[@"ios"] = self;
NSArray *frames = [_web valueForKeyPath:@"documentView.webView.mainFrame.childFrames"];[frames enumerateObjectsUsingBlock:^(id frame, NSUInteger idx, BOOL *stop) {JSContext *context = [frame valueForKeyPath:@"javaScriptContext"];context[@"Window"][@"prototype"][@"alert"] = ^(NSString *message) {NSLog(@"%@", message);};
}];
2. ***
本篇为大家介绍一个优秀的开源小项目:WebViewJavascriptBridge。实际上是对
[strongWebView stringByEvaluatingJavaScriptFromString:javascriptCommand];这种方法的封装(
WebViewJavascriptBridge-Obj-C和JavaScript互通消息的桥梁 http://www.cocoachina.com/ios/20150624/12248.html)
特点:有消息机制,但就是要修改html,很麻烦,容易出错.服务端html修改代码,客户端升级更是致命。
http://blog.csdn.net/yanghua_kobe/article/details/8209751
3. *****
从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了
特点:不需要修改html,直接在本地调用,但是调用过于分散。
http://www.bubuko.com/infodetail-995265.html
js调用iOS 在下节
http://blog.csdn.net/lwjok2007/article/details/47058795
源代码我们上传到群空间[TestJSOC.zip]有需要的去下载
4。WebViewJavascriptBridge 原理分析
http://www.2cto.com/kf/201503/384998.html
http://blog.sina.com.cn/s/blog_4a540aa70102vfih.html
http://blog.csdn.net/mociml/article/details/47701133
转载于:https://www.cnblogs.com/muyushifang07/p/5177943.html
JS_call_APP native 与 html的交互相关推荐
- Html5页面和Native App怎么进行交互
webview系列:Html5页面和Native App怎么进行交互 混合开发的App(Hybrid App)就是在一个App中内嵌一个轻量级的浏览器,一部分原生的功能改为Html5来开发,这部分功能 ...
- Native与H5交互的一些解决方法
一. 原生代码中直接加载页面 1. 具体案例 加载本地/网络HTML5作为功能介绍页 2. 代码示例 //本地 -(void)loadLocalPage:(UIWebView*)webVi ...
- React Native知识
http://www.cnblogs.com/wujy/tag/React%20Native/ React Native知识12-与原生交互 React Native知识11-Props(属性)与S ...
- Android-JSNative交互的几种可行性方案H5白屏问题解决方式
在Android中可能因为业务场景需要,JS需要调用Native业务逻辑代码,Native需要通知JS,也即需要实现JS和Native之间通信: ##Java通知JS方式: WebView.load( ...
- 初识React Native虚拟DOM节点及API
2019独角兽企业重金招聘Python工程师标准>>> Reative Native是著名设社交网络公司Facebook旗下的一款旨在实现虚拟Virtual交互到Native交互层高 ...
- React Native开发总结(二)
58车商通RN落地实践 引言 开发已经经历了几个阶段,从Native App 到 WebApp大火,再到苹果公司禁Web,又发展到了Hybrid的Web与原生共生.再到React Native,这种利 ...
- ios传值给js_深入剖析 iOS 与 JS 交互
前言 Web 页面中的 JS 与 iOS Native 如何交互是每个 iOS 猿必须掌握的技能.而说到 Native 与 JS 交互,就不得不提一嘴 Hybrid. Hybrid 的翻译结果并不是很 ...
- React Native 二 常用组件与开源组件
2019独角兽企业重金招聘Python工程师标准>>> #0.手把手教React Native实战之开山篇##作者简介东方耀 Android开发RN技术 facebookgithub ...
- Hybrid App 和 React Native 开发那点事
版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...
最新文章
- Ubuntu上Vim安装NERDTree插件操作步骤
- 转:js-sdk探索之微信网页分享
- 小米手机 DELETE_FAILED_INTERNAL_ERROR Error while Installing APKs
- php怎么做签到系统,PHP如何实现签到功能
- NOI 2015 滞后赛解题报告
- 对于技术,工程师没有几个写博客的
- 实习成长之路:操作系统——CPU有哪些工作模式呢?
- 微信小程序云开发教程-小程序代码发布和上线运行
- 解决Object() takes on paramenters的问题
- J2EE 第二阶段项目之JUnit4进行单元测试(五)
- skycut刻字机软件控制选择
- GIS应用技巧之利用DEM制作三维立体图
- 大数据之Hadoop图解概述
- 利用Google Drive將英文版的PDF翻译成中文版的PDF
- w10如何共享计算机硬盘,Win10如何设置局域网磁盘共享?操作方法分享
- P2E游戏+保护濒危动物是否值得一玩,链游Pettoverse全面分析
- 超声波清洗机 - 拆机与逆向工程
- AWS之Glue使用方法
- OpenGL超级宝典第7版环境配置
- IDEA Maven 多module项目导入 pom文件报错解决记录
热门文章
- linux ssh 域,Linux SSH 与 SCP命令简述
- eureka常见错误
- laravel并行访问MySQL_laravel实现多数据库连接配置
- java将图片(jpg/bmp/png)转16位bmp(RBG565)
- 点击button标签会导致提交form
- 安装arm虚拟机_虚拟机Parallels出手:苹果M1的Mac能运行Win 10 还挺顺畅
- 解决maven项目没有Maven Dependencies
- 一个小小Css3动画的案例
- 带sex的net域名_中华网--科技频道
- linux运行脚本运行不了,解决linux 运行自动化脚本浏览器无法启动问题