android IOS在WebView 和 JS 交互对比

最新推荐文章于 2021-05-27 05:16:30 发布
置顶 最新推荐文章于 2021-05-27 05:16:30 发布
阅读量3.8k 收藏
点赞数
分类专栏： IOS Android 文章标签： android ios webview 工作 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012173245/article/details/48521413
版权
本文对比了Android和iOS在WebView中与JavaScript交互的过程。在Android中，交互准备涉及复写webViewClient的shouldOverrideUrlLoading方法，而iOS则需要实现UIWebViewDelegate的shouldStartLoadWithRequest方法。JS调用项目方法时，Android通过window.location.href触发，iOS同样利用此方式，但两者协议不同。总体而言，iOS的交互体验显得更为简便。
摘要由CSDN通过智能技术生成

android iOS WebView 和 JS 交互对比

  • 交互前的准备工作
  • 交互的入口
  • 项目方法调用JS
  • JS调用项目方法

交互前的准备工作

  • android :
    1:在webview添加对js的支持 
     WebSettings setting = webView.getSettings();
        setting.setJavaScriptEnabled(true);
 `2:设置setWebViewClient和setWebChromeClient` 

      webView.setWebViewClient(new WebViewClient(){

        });
        webView.setWebChromeClient(new WebChromeClient(){

        });
  • IOS : 基本上不需要做什么操作

交互的入口

android ios
webView.loadUrl("file///:xxxx.html") [self.webView loadRequest:request];

项目方法调用JS
最低0.47元/天 解锁文章
Eason_hoo
关注
专栏目录
iOS webView的高级用法之JS交互，js与oc的相互调用（JavaScriptCore）
horisea的博客
08-12 2万+
重要的事情放前面 github地址：https://github.com/horisea/JSCallOCTest   欢迎star   前言：说起JS交互，很多童鞋会黯然色变，感觉很高深的样子。大部分小伙伴只知道一种，哪一种我也说说吧。    1.在webView中将要请求的时候，拦截URL，进行重定向，然而该场景实用有限，网上资料也很多下面说说另一种交互方式。 - (BOOL)webV...
UIWEBVIEW 与JS 如何回调交互
编程路上的野花
11-15 1万+
UIWebView是IOS SDK中渲染网面的控件，在显示网页的时候，我们可以hack网页然后显示想显示的内容。其中就要用到javascript的知识，而UIWebView与javascript交互的方法就是stringByEvaluatingJavaScriptFromString: 有了这个方法我们可以通过objc调用javascript,可以注入javascript。 首先我们来看一下，
ios webview与JS的交互
热门推荐
叶落寒
06-24 2万+
最近写了一个与JS交互的程序，了解了下HTML ,HTML DOM,JS相关的知识 1.什么是 DOM？ 通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改
iOS 之webView与js交互
antjumper的专栏
09-25 802
本文来自：http://blog.csdn.net/worn_nest/article/details/8256913 本来在看cocos2d,今天分了一个和 js有关的活，查了和测试些资料整理下 源码下载：http://download.csdn.net/detail/worn_nest/4845878 嘿,挣点分好下别人的 1.test.js [html] view
iOS Webview与js的交互
Yxf_Blogger的博客
09-23 772
常用的js与OC的交互方式： js给OC传值方式一（使用JavaScriptCore.framework框架，实现UIWebViewDelegate代理协议） 代码实现如下 -(void)webViewDidFinishLoad:(UIWebView *)webView{ JSContext *context = [webView valueForKeyPath:@"document
Android代码-简单方便的WebView和Javascript双向交互的框架
08-06
A simpler, extendable bidirectional communication Frame between Android WebView and Javascript Features supports parsing and callback for JS primitive types Modular management support System WebView ...
3D WebView for Android and iOS Web Browser 4.1
03-22
使用与支持 Vuplex VR/AR 浏览器的相同代码，即可轻松在 Windows 和 macOS 上以 3D 形式渲染 Web 内容并与之进行交互 该软件包支持 Android ≥ 6.0 上的原生视频和 WebGL，但某些 VR 虚拟现实头盔（如 Oculus Go 和 ...
3D WebView for Android and iOS Web Browser 4.5
最新发布
04-22
对于 Android 、Oculus 虚拟现实头盔和 iOS，视频支持存在局限性（常规的 HTML5 视频标签及 YouTube、Vimeo 和 Facebook 等热门网站上的视频效果较好，但某些第三方 JS 视频小部件无法正常运行）。 • 由于 iOS 的...
android rn 和webview,react-native中安卓webview和js层通信
weixin_30905655的博客
05-27 616
前言：学习rn已经有大半年了，目前的项目是采用rn的，在项目中曾遇到webview中调用postMessage，然后在浏览器和真机中查看，发现在浏览器中会报错，后者不会报错，然后觉得很奇怪，因此就去粗略的研究了一下rn中webview的实现。由于webview涉及很多东西，所以这一篇写介绍一下安卓的webview，下篇再继续介绍ios的webview。介绍：webview主要是用来进行页面请求，页...
ios webView与js的交互
06-23
http://blog.csdn.net/robinson_911/article/details/51741559
ios-webView与js的交互.zip
07-11
webView与js的交互
ios WKWebView 的使用和交互
11-13
本demo是WKWebView的基本使用和交互 ，实现了原生调用js的方法、js调用原生的方法、通过拦截进行交互的方法；修改内容 加入沙盒 / /加载沙盒 不带参数 // NSArray * paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); // NSString * path = [paths objectAtIndex:0]; // path = [path stringByAppendingString:[NSString stringWithFormat:@"/app/html/index.html"]]; // NSURL *url = [NSURL URLWithString:[[NSString stringWithFormat:@"file://%@",path] stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLFragmentAllowedCharacterSet]] relativeToURL:[NSURL fileURLWithPath:NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES).firstObject]]; // [self.wkView loadFileURL:url allowingReadAccessToURL:[NSURL fileURLWithPath: [paths objectAtIndex:0]]]; // 带参数 /* NSArray * paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); NSString * path = [paths objectAtIndex:0]; path = [path stringByAppendingString:[NSString stringWithFormat:@"/app/html/index.html"]]; NSURL * url = [NSURL fileURLWithPath:path isDirectory:NO]; NSURLComponents *urlComponents = [NSURLComponents componentsWithURL:url resolvingAgainstBaseURL:NO]; [queryItemArray addObject:[NSURLQueryItem queryItemWithName:@"version" value:[[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBundleShortVersionString"]]]; [urlComponents setQueryItems:queryItemArray]; [self.wkView loadFileURL:urlComponents.URL allowingReadAccessToURL:[NSURL fileURLWithPath: [paths objectAtIndex:0]]]; */
iOS的WebView和JS的交互
BianHuanShiZhe的专栏
05-18 269
iOS中调用HTML 1. 加载网页 NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"html"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [self.webView loadReques...
iOS webView 与JS简单交互
qq_23035703的博客
09-07 670
1.在创建webView 的控制器中导入 #import <JavaScriptCore/JavaScriptCore.h> 2.在webView 代理方法 - (void)webViewDidFinishLoad:(UIWebView *)webView 中获取当前网页的JSContext ``` - (void)webViewDidFinishLoad:(UIWebView *)w...
android ios web,Android 和 IOS 使用 WebViewJavascriptBridge 进行交互方法
weixin_39849894的博客
05-27 258
本文采用第三方工具 WebViewJavascriptBridge注册监听事件这段代码是固定的，必须要放到js中/*这段代码是固定的，必须要放到js中*/function setupWebViewJavascriptBridge(callback) {//Android使用if (window.WebViewJavascriptBridge) {callback(WebViewJavascript...
iOS webview 和 js 交互
李重阳的博客
07-28 481
当js 调用 iOS 的时候 通过上面的js 代码 会重定向一个 请求的url 在
iOS webView与js交互
weixin_32905951的博客
10-12 768
在iOS移动开发过程中，有时会遇到在ios客户端中嵌入web页面的场景。 多数时候该web页面是由第三方应用维护的，此时，如果客户端想触发web页面的某个方法，或者web页面想触发客户端的某个方法，就会涉及以下内容。 简单来说webview与js交互涉及到两方面，C端（客户端）调B端（web页面）js方法，和B端调C端方法。 举两个栗子： 1.某支付
iOS webview与js交互
海阔天空的专栏
05-08 8963
WebView是显示网页的主要控件，在实际工作共经常会用到，尤其是当需要与用户有交互的时候，就会用到js，对于不太熟悉js的同事来说可能有点蒙，我们今天就来总结一下webview与js交互功能。 iOS12以后的版本不在支持UIWebView，用WebKit库来代替了，我们在这里只讨论WKWebView。我们先来看下WebKit常用的几个类： WKWebViewConfigur...
Android WebView与H5交互实践：URL拦截与JS-Bridge方法对比
在Android开发中，与H5前端进行JS代码交互通常有两种主要方式：URL拦截和使用JavaScript接口。本文将详细介绍这两种方法的实现以及它们各自的优缺点。 首先，URL拦截是通过伪URL（如`js-call://`）来实现的。在前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值