布局：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:focusable="true" android:focusableInTouchMode="true"> <LinearLayout android:id="@+id/ll_top" android:layout_width="match_parent" android:layout_height="45dp" android:layout_alignParentTop="true" android:background="#fbfbfb" android:orientation="horizontal" > <EditText android:id="@+id/et_web_url" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:layout_margin="5dp" android:background="@drawable/editext_selector" android:gravity="left|center" android:inputType="textUri" android:text="" android:textColor="@color/black" android:textSize="15sp" /> <ImageView android:id="@+id/iv_go" android:layout_width="45dp" android:layout_height="45dp" android:padding="8dp" android:src="@drawable/icon_go" /> </LinearLayout> <WebView android:id="@+id/wv_web" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll_top" android:layout_above="@+id/ll_bottom"/> <LinearLayout android:id="@+id/ll_bottom" android:layout_width="match_parent" android:layout_height="45dp" android:layout_alignParentBottom="true" android:background="#fbfbfb" android:orientation="horizontal" > <ImageView android:id="@+id/iv_back" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:padding="8dp" android:src="@drawable/icon_back" /> <ImageView android:id="@+id/iv_forward" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:padding="8dp" android:src="@drawable/icon_forward" /> <ImageView android:id="@+id/iv_refresh" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:padding="8dp" android:src="@drawable/icon_refresh" /> <ImageView android:id="@+id/iv_close" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:padding="8dp" android:src="@drawable/icon_close" /> </LinearLayout> </RelativeLayout>
activity：
package com.example.myapplication; import android.app.ProgressDialog; import android.content.Context; import android.graphics.Bitmap; import android.net.http.SslError; import android.os.Bundle; import android.util.Log; import android.view.inputmethod.InputMethodManager; import android.webkit.DownloadListener; import android.webkit.GeolocationPermissions; import android.webkit.SslErrorHandler; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.EditText; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { private final static String TAG = "WebBrowserActivity"; private EditText et_web_url; // 声明一个用于输入网址的编辑框对象 private WebView wv_web; // 声明一个网页视图对象 private ProgressDialog mDialog; // 声明一个进度对话框对象 private String mUrl = "https://xw.qq.com/"; // 完整的网页地址 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et_web_url = findViewById(R.id.et_web_url); et_web_url.setText(mUrl); //et_web_url.setText("v.cctv.com/2021/08/31/VIDEGsNI7fxTj2PNTK05BGnW210831.shtml"); // 从布局文件中获取名叫wv_web的网页视图 wv_web = findViewById(R.id.wv_web); findViewById(R.id.iv_go).setOnClickListener(v -> openWebpage()); findViewById(R.id.iv_back).setOnClickListener(v -> { if (wv_web.canGoBack()) { // 如果能够后退 wv_web.goBack(); // 回到上一个网页 } else { Toast.makeText(this, "已经是最后一页了", Toast.LENGTH_SHORT).show(); } }); findViewById(R.id.iv_forward).setOnClickListener(v -> { if (wv_web.canGoForward()) { // 如果能够前进 wv_web.goForward(); // 去往下一个网页 } else { Toast.makeText(this, "已经是最前一页了", Toast.LENGTH_SHORT).show(); } }); findViewById(R.id.iv_refresh).setOnClickListener(v -> wv_web.reload()); findViewById(R.id.iv_close).setOnClickListener(v -> finish()); initWebViewSettings(); // 初始化网页视图的网页设置 } // 初始化网页视图的网页设置 private void initWebViewSettings() { // 获取网页视图的网页设置 WebSettings settings = wv_web.getSettings(); // 设置是否自动加载图片 settings.setLoadsImagesAutomatically(true); // setLoadsImagesAutomatically为true，且setBlockNetworkImage为false，才会加载网络图片。 // 只要有一个条件不满足，就不会加载网络图片 settings.setBlockNetworkImage(false); // 是否不加载网络图片 // 设置默认的文本编码 settings.setDefaultTextEncodingName("utf-8"); // 设置是否支持Javascript settings.setJavaScriptEnabled(true); // 设置是否允许js自动打开新窗口（window.open()） settings.setJavaScriptCanOpenWindowsAutomatically(false); // 设置是否支持缩放 settings.setSupportZoom(true); // 设置是否出现缩放工具 settings.setBuiltInZoomControls(true); // 当容器超过页面大小时，是否放大页面大小到容器宽度 settings.setUseWideViewPort(true); // 当页面超过容器大小时，是否缩小页面尺寸到页面宽度 settings.setLoadWithOverviewMode(true); // 设置自适应屏幕。4.2.2及之前版本自适应时可能会出现表格错乱的情况 settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); // 开启会话存储功能 settings.setDomStorageEnabled(true); // 解决https和http混合加载页面的问题 settings.setMixedContentMode(android.webkit.WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE); } private void openWebpage() { // 从系统服务中获取输入法管理器 InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE); // 关闭输入法软键盘 imm.hideSoftInputFromWindow(et_web_url.getWindowToken(), 0); mUrl = et_web_url.getText().toString(); Log.d(TAG, "url=" + mUrl); // 命令网页视图加载指定路径的网页 wv_web.loadUrl(mUrl); // 给网页视图设置自定义的网页浏览客户端 wv_web.setWebViewClient(mWebViewClient); // 给网页视图设置自定义的网页交互客户端 wv_web.setWebChromeClient(mWebChrome); // 给网页视图设置文件下载监听器 wv_web.setDownloadListener(mDownloadListener); } // 在按下返回键时触发 @Override public void onBackPressed() { Log.d(TAG, "getUrl="+wv_web.getUrl()); if (wv_web.canGoBack() && !wv_web.getUrl().equals(mUrl)) { // 还能返回到上一个网页 wv_web.goBack(); // 回到上一个网页 } else { // 已经是最早的网页，无路返回了 finish(); // 关闭当前页面 } } // 定义一个网页浏览客户端 private WebViewClient mWebViewClient = new WebViewClient() { // 收到SSL错误时触发 @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { handler.proceed(); } // 页面开始加载时触发 @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); Log.d(TAG, "onPageStarted:" + url); if (mDialog == null || !mDialog.isShowing()) { //整个条件判断的意思是：如果mDialog是null或者mDialog没有正在显示，那么执行接下来的代码块。 //简单来说，这个条件判断用于确定是否需要显示一个对话框（通常是一个警告或提示）。如果对话框已经显示或者不存在，那么不需要再次显示它。 // 下面弹出提示网页正在加载的进度对话框 mDialog = new ProgressDialog(MainActivity.this); mDialog.setTitle("稍等"); mDialog.setMessage("页面加载中……"); mDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); mDialog.show(); // 显示进度对话框 } } // 页面加载结束时触发 @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); Log.d(TAG, "onPageFinished:" + url); if (mDialog != null && mDialog.isShowing()) { mDialog.dismiss(); // 关闭进度对话框 } } // 收到错误信息时触发 @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); Log.d(TAG, "onReceivedError: url=" + failingUrl + ", errorCode=" + errorCode + ", description=" + description); if (mDialog != null && mDialog.isShowing()) { mDialog.dismiss(); // 关闭进度对话框 } Toast.makeText(MainActivity.this, "页面加载失败，请稍候再试", Toast.LENGTH_LONG).show(); } // 发生网页跳转时触发 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); // 在当前的网页视图内部跳转 return true; } }; // 定义一个网页交互客户端 private WebChromeClient mWebChrome = new WebChromeClient() { // 页面加载进度发生变化时触发 @Override public void onProgressChanged(WebView view, int progress) { if (mDialog != null && mDialog.isShowing()) { mDialog.setProgress(progress); // 更新进度对话框的加载进度 } } // 网页请求定位权限时触发 @Override public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) { callback.invoke(origin, true, false); // 不弹窗就允许网页获得定位权限 super.onGeolocationPermissionsShowPrompt(origin, callback); } }; // 在下载开始前触发 // 定义一个文件下载监听器 private DownloadListener mDownloadListener = (url, userAgent, contentDisposition, mimetype, contentLength) -> { // 此处操作文件下载 }; }
