androidwebview交互
❶ Android-webview和js脚本语言交互的时候怎么获取js方法的返回值
方法:
1、通过webview访问js脚本
2、js脚本再调用webview中的java函数把结果返回
示例代码:
通过本地的webview打开脚本页面。
调用步骤
1、设置webview支持脚本
webSettings.setJavaScriptEnabled(true);
2、打开脚本页面
mWebView.loadUrl("file:///android_asset/demo.html");//这里打开该app的asset目录下的demo.html,里面含有wave函数脚本
3、调用脚本
mWebView.loadUrl("javascript:wave()");//调用打开页面中的wave函数
4、webview中建立js能够访问
mWebView.addJavascriptInterface(newDemoJavaScriptInterface(),"demo");//js可以通过demo访问到DemoJavaScriptInterface类中的方法。
{
DemoJavaScriptInterface(){
}
publicvoidclickOnAndroid(Stringresult){
System.out.prinltn("返回的结果"+result);
}
}
5、js访问webview方法
<scriptlanguage="javascript">
functionwave(){
alert("1");
window.demo.clickOnAndroid('结果1');//返回结果,调用java方法
}
</script>
❷ Android:最全面的 Webview 详解
WebView是一个基于webkit引擎、展现web页面的控件。
一般来说Webview可单独使用,可联合其子类一起使用,所以接下来,我会介绍:
常见用法:Back键控制网页后退
配置步骤1:添加访问网络权限 (AndroidManifest.xml)
配置步骤2:生成一个WebView组件(有两种方式)
配置步骤3:进行配置-利用WebSettings子类 (常见方法)
常见用法:设置WebView缓存
注意: 每个 Application 只调用一次 WebSettings.setAppCachePath(),WebSettings.setAppCacheMaxSize()
常见方法1:shouldOverrideUrlLoading()
常见方法2:onPageStarted()
常见方法3:onPageFinished()
常见方法4:onLoadResource()
常见方法5:onReceivedError()
常见方法6:onReceivedSslError()
常见方法1: onProgressChanged()
常见方法2: onReceivedTitle()
具体请看我写的文章 Android WebView与JS的交互方式 最全面汇总
3.4.1 不在xml中定义 Webview ,而是在需要的时候在Activity中创建,并且Context使用 getApplicationgContext()
3.4.2 在 Activity 销毁( WebView )的时候,先让 WebView 加载null内容,然后移除 WebView,再销毁 WebView,最后置空。
步骤1:添加访问网络权限
AndroidManifest.xml
步骤2:主布局
activity_main.xml
步骤3:根据需要实现的功能从而使用相应的子类及其方法(注释很清楚了)
MainActivity.java
❸ android中webview与js交互
移动开发中,我们经常会遇到混合开发模式,经常是在移动客户端中增加网页,来减少客户端的压力,同时也让软件更加灵活。废话少说,下面直接进入主题。
webView.getSettings().setAppCachePath(getCacheDir().getAbsolutePath());
webView.getSettings().setAppCacheEnabled(true);
if (Constant.DEBUG) {
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
//参数1 定义Android 与js交互的接口, 参数2 与js交互的一个常量,可以是任意一个常量字符串,
但是h5网页调用的时候需要增加这个参数二:handler
public class JSInterface{
@JavascriptInterface//这个标注必须加上 表示js要调用的方法,可以自动识别
public void getShareInfo(String strings) {
//todo android dosomething
}
}
那么 js端该如何调用这个方法呢\
android 和ios的调用方法不一样 因此 h5里面需要区别andorid和ios机型来分别调用移动端方法
如android:
//handler 是与android 约定的常量(最好做成全局通用的常量)
//getShareInfo 是与android 定义的调用方法
以上常量、方法、参数类型 必须一致才能成功调用
WebView提供两个事件回调类给应用层,分别为WebViewClient,WebChromeClient开发者可以继承
这两个类,接手相应事件处理。WebViewClient 主要提供网页加载各个阶段的通知,比如网页开始
加载onPageStarted,网页结束加载onPageFinished等;WebChromeClient主要提供网页加载过程
中提供的数据内容,比如返回网页的title,favicon等。
有需要监听加载网页进度
//需要webBar的可以自定义增加一个webBar
最后,就是大家都知道的webView.loadUrl(url);//url需要加载的网页
那么,如何在android调用js的方法呢
//getMsg() 为js里面暴露的方法
在销毁的时候:
protected void onDestroy() {\
super.onDestroy();\
if (webView != null) {\
webView.loadUrl("about:blank");\
webView.destory();\
}\
}
❹ 安卓Webview 与 vue h5 使用js交互
总的来说都是使用安卓webview.loadUrl(url)加载页面
url为在线网页连接
将打包好的网页资源放入安卓静态目录
加载目录为
Android 调用 JS 有两种方式,都是通过 WebView 的方法:
webview.loadUrl()
webview.evaluateJavascript()
js方法
vue需要把方法挂载到windows
通过映射js object暴露给js操作
安卓
h5调用
经常需要适配安卓和ios
加入以下机型判断
Android与H5交互——JSBridge - (jianshu.com)
❺ Android WebView与H5交互
可以通过registerHandler()用来注册一个java函数,来实现js回调的handler
Js做如下声明
MainActivity
activity_main.xml
wx.html
附上一篇 传送门
❻ androidwebview加载本地js怎么实现交互
WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法:
第一种方法的步骤:
1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法,设置WevView要显示的网页:
互联网用:webView.loadUrl("http://www.google.com");
本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET" />
第二种方法的步骤:
1、在布局文件中声明WebView
2、在Activity中实例化WebView
3、调用WebView的loadUrl( )方法,设置WevView要显示的网页
4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置 WebView视图
5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面
6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET"/>
❼ Android WebView原生与网页交互常用知识点
2.1 获取cookie
【WebView】Android WebView中的Cookie操作
如果需要构造特定的referrer请求的,比如盗图这种特殊业务时实践过程
实际访问地址: https://www..com
实际访问地址要校验的referrer: https://www.google.com
1、将要访问的实际地址抓换为访问referrer的地址
2、设置Android的浏览器支持JavaScript对Referrer的获取
3、设置如果请求的是构造的那个Referrer的这个请求,则创建一个本地的伪造response
完整例子
❽ Android webView 注入js文件,及交互
0.js文件:
链接:https://pan..com/s/1MaWKxgkYgQTVQCgn8-dxLg
提取码:o6wy
3.添加js要调用的Android方法
4.添加(JsBridge:js中调用Android方法的对象名)
5.注入js
6.Android调用js方法传值给js
步骤3中发送了处理后的消息,在webactivity中接受消息并处理:
数据示例:(参数需要使用单引号包着)
else中对应的
callbackResult('sr1557665118336','{"data":"test"}')
if中对应的
javascript:callbackResult('sr1557665118336','{"data":"test"}')
7.补充:eventbus消息实体封装类
8.总结:
❾ Android开发之WebView(一)配置&小技巧
背景:原生时间紧没时间开发任务量大的任务,而前端又闲着打酱油
方案:原生+webview混合开发
缺点:对于比较复杂的页面,webview在性能上力不从心;且与原生通信频繁也增加了隐藏的工作量
优点:能自带支持动态更新(js),能充分利用人力
webview是一个基于webkit引擎,展示web页面的控件。Android上的webview在低版本和高版本采用了不同的webkit版本内核,Android4.4(19)后直接使用了Chrome内核;WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求,页面加载,渲染,页面交互进行强大的处理。一般来说webview可单独使用,也可联合其工具类一起使用
移动应用的主体是webview,主要以网页语言编写,穿插Native功能的Hybrid App开发类型。激活webview为活跃状态,能正常执行网页的响应;当webview 的页面被失去焦点切换到后台不可见状态onPause时,需要通知自己暂停所有的动作,比如DOM的解析,plugin的执行,JavaScript的执行等
1,显示和渲染web页面
2,直接使用本地assets或者网络上的html文件作为布局
3,可和JavaScript进行互相调用
1,直接在布局文件里写死
2,动态添加进viewgroup中
注:不管以哪种方式,都必须注意webview的销毁,否则可能会造成内存泄漏最终导致内存溢出crash
下面是WebView的一些常用的方法列举,一些已经过时的方法未列出
下面是WebSettings的一些常用的方法列举,一些已经过时的方法就没有写出来了
一般不管是动态生成还是xml写死,只要处理好了引用持有问题,就能有效的避免内存泄漏;下面是我尝试的方案,在工具类WebViewUtils.java里封装好,在activity销毁的时候调用
1,清除webview缓存和记录
2,可以设置不启用缓存
3,H5的一些控件标签不支持导致的白屏
4,xml启用软件加速
5,通过menifest的来配置,在目标webview的activity设置
解决方案:
解决方案:
解决方案:
上一篇: Flutter入门-01-工程创建&目录介绍
❿ Android与Webview交互
补充
- WebViewClient
- WebViewClient主要帮助WebView处理各种通知、请求事件的,比如:
- shouldOverrideUrlLoading
- onLoadResource
- onPageStart
- onPageFinish
- onReceiveError
- onReceivedHttpAuthRequest
- WebChromeClient
-WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如
- onCloseWindow(关闭WebView)
- onCreateWindow()
- onJsAlert (WebView上alert无效,需要定制WebChromeClient处理弹出)
- onJsPrompt
- onJsConfirm
- onProgressChanged
- onReceivedIcon
- onReceivedTitle
JsBridgeGithub传送门
转自Android与JsBridge使用原理
JsBridge重要的三点:
BridgeWebview
WebViewJavascriptBridge.js