【Android进阶篇】WebView显示网页详解

最新推荐文章于 2025-06-05 14:48:54 发布

原创

最新推荐文章于 2025-06-05 14:48:54 发布 · 8.5k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#android #webview #控件 #详解 #界面

本文详述了在Android中如何使用WebChromeClient处理JavaScript对话框（如alert）和实现网页加载进度条。通过设置webView.setWebChromeClient()，可以将JavaScript功能映射到Android组件，例如在Android中响应JavaScript的alert函数和实现console.log()的日志打印。通过实例代码展示了具体的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概述

WebView是Android用于显示网页的控件。通过WebView，我们可以查看本地的网页，也可以查看网络资源。

本文内容如下：

一、加载本地网页

二、加载网络资源

三、在WebView中使用JavaScript和CSS

四、WebChromeClient介绍

五、WebView的其它功能

一、加载本地网页

使用WebView加载本地网页时，需要把网页放到Android项目根目录下assets文件夹下，然后URL为：file:///android_asset/文件。

下面是示例：

1. 首先创建工程，这步简单；

2. 在activity_main界面文件中放好WebView控件，代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.mywebview.MainActivity" >

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

</RelativeLayout>

3. 创建文件Hello.html，放在assets文件夹下，hello.html内容如下：

<!DOCTYPE html>
<html>
<head><title>Hello</title></head>
<body>
Hello, WebView
</body>
</html>

只显示了一行：Hello, WebView

4. 下面是MainActivity代码：

public class MainActivity extends ActionBarActivity {
 
 private WebView webView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取控件
        webView = (WebView) findViewById(R.id.webView);
        //装载URL
        webView.loadUrl("file:///android_asset/hello.html");
        //获取焦点
        webView.requestFocus();
    }
   
}