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的交互相关推荐

  1. Html5页面和Native App怎么进行交互

    webview系列:Html5页面和Native App怎么进行交互 混合开发的App(Hybrid App)就是在一个App中内嵌一个轻量级的浏览器,一部分原生的功能改为Html5来开发,这部分功能 ...

  2. Native与H5交互的一些解决方法

    一. 原生代码中直接加载页面 1.    具体案例 加载本地/网络HTML5作为功能介绍页 2.    代码示例 //本地 -(void)loadLocalPage:(UIWebView*)webVi ...

  3. React Native知识

    http://www.cnblogs.com/wujy/tag/React%20Native/  React Native知识12-与原生交互 React Native知识11-Props(属性)与S ...

  4. Android-JSNative交互的几种可行性方案H5白屏问题解决方式

    在Android中可能因为业务场景需要,JS需要调用Native业务逻辑代码,Native需要通知JS,也即需要实现JS和Native之间通信: ##Java通知JS方式: WebView.load( ...

  5. 初识React Native虚拟DOM节点及API

    2019独角兽企业重金招聘Python工程师标准>>> Reative Native是著名设社交网络公司Facebook旗下的一款旨在实现虚拟Virtual交互到Native交互层高 ...

  6. React Native开发总结(二)

    58车商通RN落地实践 引言 开发已经经历了几个阶段,从Native App 到 WebApp大火,再到苹果公司禁Web,又发展到了Hybrid的Web与原生共生.再到React Native,这种利 ...

  7. ios传值给js_深入剖析 iOS 与 JS 交互

    前言 Web 页面中的 JS 与 iOS Native 如何交互是每个 iOS 猿必须掌握的技能.而说到 Native 与 JS 交互,就不得不提一嘴 Hybrid. Hybrid 的翻译结果并不是很 ...

  8. React Native 二 常用组件与开源组件

    2019独角兽企业重金招聘Python工程师标准>>> #0.手把手教React Native实战之开山篇##作者简介东方耀 Android开发RN技术 facebookgithub ...

  9. Hybrid App 和 React Native 开发那点事

    版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...

最新文章

  1. Ubuntu上Vim安装NERDTree插件操作步骤
  2. 转:js-sdk探索之微信网页分享
  3. 小米手机 DELETE_FAILED_INTERNAL_ERROR Error while Installing APKs
  4. php怎么做签到系统,PHP如何实现签到功能
  5. NOI 2015 滞后赛解题报告
  6. 对于技术,工程师没有几个写博客的
  7. 实习成长之路:操作系统——CPU有哪些工作模式呢?
  8. 微信小程序云开发教程-小程序代码发布和上线运行
  9. 解决Object() takes on paramenters的问题
  10. J2EE 第二阶段项目之JUnit4进行单元测试(五)
  11. skycut刻字机软件控制选择
  12. GIS应用技巧之利用DEM制作三维立体图
  13. 大数据之Hadoop图解概述
  14. 利用Google Drive將英文版的PDF翻译成中文版的PDF
  15. w10如何共享计算机硬盘,Win10如何设置局域网磁盘共享?操作方法分享
  16. P2E游戏+保护濒危动物是否值得一玩,链游Pettoverse全面分析
  17. 超声波清洗机 - 拆机与逆向工程
  18. AWS之Glue使用方法
  19. OpenGL超级宝典第7版环境配置
  20. IDEA Maven 多module项目导入 pom文件报错解决记录

热门文章

  1. linux ssh 域,Linux SSH 与 SCP命令简述
  2. eureka常见错误
  3. laravel并行访问MySQL_laravel实现多数据库连接配置
  4. java将图片(jpg/bmp/png)转16位bmp(RBG565)
  5. 点击button标签会导致提交form
  6. 安装arm虚拟机_虚拟机Parallels出手:苹果M1的Mac能运行Win 10 还挺顺畅
  7. 解决maven项目没有Maven Dependencies
  8. 一个小小Css3动画的案例
  9. 带sex的net域名_中华网--科技频道
  10. linux运行脚本运行不了,解决linux 运行自动化脚本浏览器无法启动问题