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

最新推荐文章于 2024-07-25 20:50:09 发布

2401_84091289

最新推荐文章于 2024-07-25 20:50:09 发布

阅读量692

点赞数 9

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84091289/article/details/138447970

版权

程序员专栏收录该内容

302 篇文章 0 订阅

订阅专栏

链接(URL)：https://www.35youth.cn/817.html

来源(Source)：搬砖少年

近期团队接到一个新的项目，企业内部的一个掌上超市项目，最初考虑通过公众号或者小程序来做，后面说是部署在企业内网，就考虑到做网站应用，由于需要通过运营商分配的apn连接企业内网，所以在打开应用之前需要检测一下网络，如果是web端的话，那就没法检测网络了，所以考虑使用安卓的 webview 封装一下H5的应用。
1、配置网络连接权限

在AndroidManifest.xml文件中加上以下配置信息

注：从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、加载进度等