Android开发：通过 webview 将网页打包成安卓应用

注： 从Android 9.0（API级别28）开始，默认情况下禁用明文支持。因此http的url均无法在webview中加载 ，所以只配置以上信息可能会导致net：：ERR_CLEARTEXT_NOT_PERMITTED报错，还需要在配置文件的 application中加入下面的配置。参照文章： net：：ERR_CLEARTEXT_NOT_PERMITTED

android:usesCleartextTraffic=“true”

webview 网络配置异常

net：：ERR_CLEARTEXT_NOT_PERMITTED 配置

2、创建layout文件

使用idea的话，会自动创建MainActivity和对应的layout文件，直接在文件的基础上修改即可，使用Webview控件，如果需要使用进度条的话，可以将ProgressBar 的配置打开即可。

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“com.ctjsoft.jxf.shop.MainActivity”>

</androidx.constraintlayout.widget.ConstraintLayout>

3、修改 MainActivity 文件

重写onCreate方法：

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//progressBar = (ProgressBar) findViewById(R.id.progressbar);//进度条

webView = (WebView) findViewById(R.id.webview);

webView.getSettings().setAllowUniversalAccessFromFileURLs(true);

webView.getSettings().setAllowFileAccessFromFileURLs(true);

// webview的设置中添加如下代码

try {

if (Build.VERSION.SDK_INT >= 16) {

Class<?> clazz = webView.getSettings().getClass();

Method method = clazz.getMethod(“setAllowUniversalAccessFromFileURLs”, boolean.class);

if (method != null) {

method.invoke(webView.getSettings(), true);

}

}

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (NoSuchMethodException e) {

e.printStackTrace();

} catch (IllegalAccessException e) {

e.printStackTrace();

} catch (InvocationTargetException e) {

e.printStackTrace();

}

//webView.loadUrl(“http://172.17.1.176:8082/”);//加载url

webView.loadUrl(API);

//使用webview显示html代码

// webView.loadDataWithBaseURL(null,“” +

// “

使用webview显示 html代码

”, “text/html” , “utf-8”, null);

webView.addJavascriptInterface(this, “android”);//添加js监听 这样html就能调用客户端

webView.setWebChromeClient(webChromeClient);

webView.setWebViewClient(webViewClient);

WebSettings webSettings = webView.getSettings();

/**

• LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据

• LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。

• LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.

• LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。

*/

webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//不使用缓存，只从网络获取数据.

webView.getSettings().setTextZoom(100);

webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//设置js可以直接打开窗口，如window.open()，默认为false

webView.getSettings().setJavaScriptEnabled(true);//是否允许执行js，默认为false。设置true时，会提醒可能造成XSS漏洞

webView.getSettings().setSupportZoom(true);//是否可以缩放，默认

webView.getSettings().setBuiltInZoomControls(true);//是否显示缩放按钮，默认false

webView.getSettings().setUseWideViewPort(true);//设置此属性，可任意比例缩放。大视图模式

webView.getSettings().setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题

webView.getSettings().setAppCacheEnabled(true);//是否使用缓存

webView.getSettings().setDomStorageEnabled(true);//DOM Storage

}

配置WebviewClient

//WebViewClient主要帮助WebView处理各种通知、请求事件

private WebViewClient webViewClient = new WebViewClient() {

@Override

public void onPageFinished(WebView view, String url) {//页面加载完成

//progressBar.setVisibility(View.GONE);

}

public void onPageStarted(WebView view, String url, Bitmap favicon) {//页面开始加载

//progressBar.setVisibility(View.VISIBLE);

}

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

@Override

public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

Log.i(“ansen”, “拦截url:” + request.getUrl());

return super.shouldOverrideUrlLoading(view, request);

}

};

//WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等

private WebChromeClient webChromeClient = new WebChromeClient() {

//不支持js的alert弹窗，需要自己监听然后通过dialog弹窗

public boolean onJsAlert(WebView webView, String url, String message, JsResult result) {

AlertDialog.Builder localBuilder = new AlertDialog.Builder(webView.getContext());

localBuilder.setMessage(message).setPositiveButton(“确定”, null);

localBuilder.setCancelable(false);

localBuilder.create().show();

//注意:

//必须要这一句代码:result.confirm()表示:

//处理结果为确定状态同时唤醒WebCore线程

//否则不能继续点击按钮

result.confirm();

return true;

}

//获取网页标题

@Override

public void onReceivedTitle(WebView view, String title) {

super.onReceivedTitle(view, title);

Log.i(“ansen”, “网页标题:” + title);

}

//加载进度回调

@Override

public void onProgressChanged(WebView view, int newProgress) {

// progressBar.setProgress(newProgress);

}

};

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

Log.i(“ansen”, “是否有上一个页面:” + webView.canGoBack());

if (webView.canGoBack() && keyCode == KeyEvent.KEYCODE_BACK) {//点击返回按钮的时候判断有没有上一页

webView.goBack(); // goBack()表示返回webView的上一页面

return true;

}

return super.onKeyDown(keyCode, event);

}