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:android="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><!-- <TextView--><!-- android:layout_width="wrap_content"--><!-- android:layout_height="wrap_content"--><!-- android:text="Hello World!"--><!-- app:layout_constraintBottom_toBottomOf="parent"--><!-- app:layout_constraintLeft_toLeftOf="parent"--><!-- app:layout_constraintRight_toRightOf="parent"--><!-- app:layout_constraintTop_toTopOf="parent" />--><WebViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/mWebView"></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;@Overrideprotected 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("");}}
然后就可以运行啦