Android 使用WebView加载网页并交互

最新推荐文章于 2024-10-10 10:18:31 发布

原创最新推荐文章于 2024-10-10 10:18:31 发布 · 911 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android

本文介绍了在Android项目中使用WebView加载HTML页面作为公告详情展示的需求，并详细阐述了如何设置布局、加载代码，以及如何实现Android与JavaScript之间的交互，包括向JS暴露接口和定义交互类。

1.项目需求,要加载一个HTML页面,做公告详情的展示.

2.上布局

<WebView
    android:id="@+id/webView"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</WebView>

这是提醒您findViewById的文字

3.上代码

//网页设置
WebSettings settings = webView.getSettings();
//自适应屏幕
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
settings.setLoadWithOverviewMode(true);
//禁止展示右下角缩放图标
settings.setDisplayZoomControls(false);
//支持与Js交互
webView.getSettings().setJavaScriptEnabled(true);
//设置编码
webView.getSettings().setDefaultTextEncodingName("utf-8");
// 设置可以支持缩放
webView.getSettings().setSupportZoom(true);
// 设置出现缩放工具
webView.getSettings().setBuiltInZoomControls(true);
//扩大比例的缩放
webView.getSettings().setUseWideViewPort(true);
//自适应屏幕
webView.loadUrl(您要加载的Https/Http地址);

到此完成了,加载一个WebView页面,开始交互

4.向Javascript暴露一个接口,名字为CallJs

webview.addJavascriptInterface(new AndroidJs(ActionDetailActivity.this), "CallJs");

5.定义一个交互类,为AndroidJs

public class AndroidJs {

private Context mContext;

public AndroidJs(Context context) {
    this.mContext = context;
}

@JavascriptInterface
public void showList() {

//在这里写Android代码逻辑

}