Android WebView的使用方法及与JS 相互调用
时间:2022-07-27
本文章向大家介绍Android WebView的使用方法及与JS 相互调用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Android WebView的使用方法及与JS 相互调用
1、添加网络权限
<uses-permission android:name="android.permission.INTERNET" /
2、WebSettings 对访问页面进行设置。
WebView mWebView = new WebView(this);
WebSettings webSettings = mWebView .getSettings();//支持获取手势焦点,输入用户名、密码或其他
mWebView.requestFocusFromTouch();
webSettings.setJavaScriptEnabled(true); //支持js
webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小
webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
webSettings.setSupportZoom(true); //支持缩放,默认为true。是下面那个的前提。
webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。
webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局
webSettings.supportMultipleWindows(); //多窗口
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存
webSettings.setAllowFileAccess(true); //设置可以访问文件
webSettings.setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口
webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式
3、页面加载方式
//加载一个网页:
mWebView.loadUrl();
//加载apk包中的一个html页面
mWebView.loadUrl();
//加载手机本地的一个html页面的方法:
mWebView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");
4、WebView 的两个重要方法 WebViewClient 和 WebChromeClient
WebViewClient就是帮助WebView处理各种通知、请求事件的。
//打开网页时不调用系统浏览器, 而是在本WebView中显示:
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
//将上面定义的webviewclinet设置给webview
mWebView.setWebViewClient(webViewClient);
下面介绍 WebView 的一些事件:
WebViewClient mWebViewClient = new WebViewClient()
{
shouldOverrideUrlLoading(WebView view, String url);
//在网页上的所有加载都经过这个方法,这个函数我们可以做很多操作。
//比如获取url,查看url.contains(“add”),进行添加操作
shouldOverrideKeyEvent(WebView view, KeyEvent event);
//重写此方法才能够处理在浏览器中的按键事件。
onPageStarted(WebView view, String url, Bitmap favicon) ;
//这个事件就是开始载入页面调用的,我们可以设定一个loading的页面,告诉用户程序在等待网络响应。
onPageFinished(WebView view, String url);
//在页面加载结束时调用。同样道理,我们可以关闭loading 条,切换程序动作。
onLoadResource(WebView view, String url) ;
// 在加载页面资源时会调用,每一个资源(比如图片)的加载都会调用一次。
onReceivedError(WebView view, int errorCode, String description, String failingUrl);
// (报告错误信息)
doUpdateVisitedHistory(WebView view, String url, boolean isReload);
//(更新历史记录)
onFormResubmission(WebView view, Message dontResend, Message resend);
//(应用程序重新请求网页数据)
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm);
//(获取返回信息授权请求)
onReceivedSslError(WebView view, SslErrorHandler handler, SslError error);
//重写此方法可以让webview处理https请求。
onScaleChanged(WebView view, float oldScale, float newScale);
// (WebView发生改变时调用)
onUnhandledKeyEvent(WebView view, KeyEvent event);
//(Key事件未被加载时调用)
}
WebChromeClient是辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等。
WebChromeClient mWebChromeClient = new WebChromeClient() {
//获得网页的加载进度,显示在右上角的TextView控件中
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress < 100) {
String progress = newProgress + "%";
} else {
}
}
//获取Web页中的title用来设置自己界面中的title
//当加载出错的时候,比如无网络,这时onReceiveTitle中获取的标题为 找不到该网页,
//因此建议当触发onReceiveError时,不要使用获取到的title
@Override
public void onReceivedTitle(WebView view, String title) {
MainActivity.this.setTitle(title);
}
@Override
public void onReceivedIcon(WebView view, Bitmap icon) {
//
}
@Override
public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
//
return true;
}
@Override
public void onCloseWindow(WebView window) {
}
//处理alert弹出框,html 弹框的一种方式
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
//
return true;
}
//处理confirm弹出框
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult
result) {
//
return true;
}
//处理prompt弹出框
@Override
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
//
return true;
}
};
//同样,将上面定义的WebChromeClient设置给WebView:
webView.setWebChromeClient(mWebChromeClient);
5、调用 JS 代码
WebSettings webSettings = mWebView .getSettings();
webSettings.setJavaScriptEnabled(true);//这里必须设置
mWebView.addJavascriptInterface(new InsertObj(), "jsObj");
以下方法是 Android 和 JS 的交互
public class InsertObj extends Object {
private static Activity mActivity;
private static WebView mWebView;
public InsertObj(Activity activity, WebView webView) {
mActivity = activity;
mWebView = webView;
}
//给html提供的方法,js中可以通过:var str = window.jsObj.HtmlcallJava(); 获取到
@JavascriptInterface
public String HtmlcallJava() {
return "Html call Java";
}
//给html提供的有参函数 : window.jsObj.HtmlcallJava2("IT-homer blog");
@JavascriptInterface
public String HtmlcallJava2(final String result) {
return "Html call Java : " + result;
}
//Html给我们提供的函数
@JavascriptInterface
public static void JavacallHtml() {
mActivity.runOnUiThread(new Runnable() {
@Override
public void run() {
//这里是调用方法
mWebView.loadUrl("javascript: showFromHtml()");
Toast.makeText(mActivity, "clickBtn", Toast.LENGTH_SHORT).show();
}
});
}
//Html给我们提供的有参函数
@JavascriptInterface
public static void JavacallHtml2(final String param) {
mActivity.runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript: showFromHtml2('"+param+"')");
Toast.makeText(mActivity, "clickBtn2", Toast.LENGTH_SHORT).show();
}
});
}
}
<!DOCTYPE html
<html
<head
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"
<title 无标题 1</title
<script type="text/javascript"
function HtmlcallJava(){
var str = window.jsObj.HtmlcallJava();
alert(str);
}
function HtmlcallJava2(){
var str = window.jsObj.HtmlcallJava2("HTML");
alert(str);
}
function showFromHtml()
{
alert("我是js方法,我被Android后台调用");
}
function showFromHtml2(result)
{
alert("我是js方法,我被Android后台调用 "+result);
}
</script
</head
<body
<button onclick="HtmlcallJava()" HtmlcallJava</button
<button onclick="HtmlcallJava2()" HtmlcallJava2</button
</body
</html
6、WebView 返回键
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持,如有疑问请留言或者到本站社区交流讨论,大家共同进步!
- 消息服务框架使用案例之--大文件上传(断点续传)功能
- Java中三种Set类型用法、性能大比拼
- Android基础总结(5)——数据存储,持久化技术
- 如何突破Windows环境限制打开“命令提示符”
- 【Spark研究】Spark之工作原理
- Java中泛型使用的必要性
- “一切都是消息”--MSF(消息服务框架)之【发布-订阅】模式
- Android基础总结(4)——广播接收器
- “一切都是消息”--MSF(消息服务框架)之【请求-响应】模式(点对点)
- “老坛泡新菜”:SOD MVVM框架,让WinForms焕发新春
- 解决服务器SID引起虚拟机不能加入AD域用户,无法远程登录的问题
- 【Python环境】如何使用 Docker 快速配置数据科学开发环境?
- Java中UUID的2种创建方法——有代码实例
- 使用“消息服务框架”(MSF)实现分布式事务的三阶段提交协议(电商创建订单的示例)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- css的radial-gradient大详解
- 你想知道的优惠券业务,SkrShop告诉你
- js汇率计算器系统
- 数学--数论--欧拉降幂和广义欧拉降幂(实用好理解)
- JS逐步教你做(自己版本)的视频播放器(我先声明,step我不懂是什么意思,所以没用)
- 【mysql系列】细谈“explain”之理论Part
- 如果用java swing编写一个五子棋(人人对战)
- 【mysql系列】细谈explain执行计划之“谜”
- 洛谷 P1352 没有上司的舞会(树形 DP)
- CF思维联系– CodeForces - 991C Candies(二分)
- 洛谷P1122 最大子树和 树形DP初步
- JAVA_WEB--jsp语法
- 图论--树的直径--DFS+树形DP模板
- js逐步教你实现原生电影院系统
- JAVA_WEB--jsp概述