Android webview加载本地html详细教程

1.创建一个项目

一路默认就可以

2.

右键点击app创建一个和res同级的assets 文件夹。在此文件夹下把html文件以及所要渲染的静态文件放进去

 如这是我的文件夹
注：在html中引用css,js等静态文件方法和通常一样，修改一下路径就可以

 

file:///android_asset/js/jquery.min.js"

3.创建webview控件并实例化

找到默认的activity_main.xml文件，完整代码如下

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:andro
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    tools:context=".MainActivity">




    <WebView
        android:layout_
        android:layout_
        android:>
    </WebView>

</androidx.constraintlayout.widget.ConstraintLayout>

修改MainActiviy.java文件，完整代码如下：

package com.example.webviewdome;

import android.os.Bundle;
import android.app.Activity;
import android.webkit.WebView;
import android.webkit.WebViewClient;


public class MainActivity extends Activity {

    private WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 实例化
        mWebView = (WebView) findViewById(R.id.mWebView);

        // 开启javascript 渲染
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.setWebViewClient(new WebViewClient());

        // 载入内容
        mWebView.loadUrl("file:///android_asset/index.html");

//  测试远程的    mWebView.loadUrl("http://www.itxdl.cn");

    }

}

然后就可以运行，看到结果了。