Android 中 WebView 的基本用法詳解

更新時(shí)間：2021年01月24日 14:44:48 作者：YKenan

這篇文章主要介紹了Android 中 WebView 的基本用法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

加載 URL (網(wǎng)絡(luò)或者本地 assets 文件夾下的 html 文件)
加載 html 代碼
Native 和 JavaScript 相互調(diào)用

加載網(wǎng)絡(luò) URL

webview.loadUrl(https://www.baidu.com/);

加載 assets 下的 html 文件

webview.loadUrl(file:///android_asset/test.html);

加載 html 代碼

// 兩個(gè)代碼差不多
// 偶爾出現(xiàn)亂碼
webview.loadData();
// 比上面的好一些, 可以友好解決編碼問題
webview.loadDataWithBaseURL();

網(wǎng)頁(yè)的前進(jìn)后退

// 網(wǎng)頁(yè)是否可以后退
webview.canGoBack();
// 網(wǎng)頁(yè)進(jìn)行后退
webview.goBack();
// 網(wǎng)頁(yè)是否可以前進(jìn)
webview.canGoForward();
// 網(wǎng)頁(yè)進(jìn)行前進(jìn)
webview.goForward();
// 網(wǎng)頁(yè)是否可以前進(jìn)/后退 steps 步
webview.canGoBackOrForward(int steps);
// 網(wǎng)頁(yè)進(jìn)行前進(jìn)/后退 steps 步
webview.goBackOrForward(int steps);

執(zhí)行 JS 代碼.

webview.loadUrl("javascript:alert('Hello world!')");
webview.evaluateJavascript("javascript:alert('Hello world!')", null);

2. 加載網(wǎng)頁(yè)

建立一個(gè)最簡(jiǎn)單的 html 文件

在這里插入圖片描述

WebViewActivity

package com.example.hello;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.webkit.WebView;

public class WebViewActivity extends AppCompatActivity {

 // 聲明
 private WebView wb;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_web_view);
  // 獲取
  wb = findViewById(R.id.wb);
  // 加載本地 html 文件
  wb.loadUrl("file:///android_asset/test.html");
 }
}

activity_web_view

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".WebViewActivity">

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

</RelativeLayout>

在這里插入圖片描述

加載網(wǎng)頁(yè)上的頁(yè)面

package com.example.hello;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebResourceRequest;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebViewActivity extends AppCompatActivity {

 // 聲明
 private WebView wb;

 @SuppressLint("SetJavaScriptEnabled")
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_web_view);
  // 獲取
  wb = findViewById(R.id.wb);
  // 加載本地 html 文件
//  wb.loadUrl("file:///android_asset/test.html");
  // 加載網(wǎng)頁(yè) html 文件
  // 支持 JS 和 DOM
  wb.getSettings().setJavaScriptEnabled(true);
  wb.getSettings().setDomStorageEnabled(true);
  // 防止所有后打開默認(rèn)瀏覽器
  wb.setWebViewClient(new MyWebViewClient());
  wb.setWebChromeClient(new MyWebChromeClient());
  wb.loadUrl("https://www.baidu.com/");
 }

 /**
  * 防止返回到之前的 Activity
  *
  * @param keyCode 按鍵
  * @param event 事件
  * @return true
  */
 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {
  if (keyCode == KeyEvent.KEYCODE_BACK && wb.canGoBack()) {
   wb.goBack();
   return true;
  }
  return super.onKeyDown(keyCode, event);
 }

 static class MyWebViewClient extends WebViewClient {
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
   view.loadUrl(request.getUrl().toString());
   return super.shouldOverrideUrlLoading(view, request);
  }

  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
   super.onPageStarted(view, url, favicon);
   Log.d("WebViewClient", "Page started...");
  }

  @Override
  public void onPageFinished(WebView view, String url) {
   super.onPageFinished(view, url);
   Log.d("WebViewClient", "Page Finished...");
  }
 }

 /**
  * 添加所有記錄和 Title
  */
 class MyWebChromeClient extends WebChromeClient {
  @Override
  public void onProgressChanged(WebView view, int newProgress) {
   super.onProgressChanged(view, newProgress);
  }

  @Override
  public void onReceivedTitle(WebView view, String title) {
   super.onReceivedTitle(view, title);
   setTitle(title);
  }
 }
}

在這里插入圖片描述