商业转载请联系作者获得授权，非商业转载请注明出处。

For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.

协议(License)：署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)

作者(Author)：

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

来源(Source)：搬砖少年

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

1、配置网络连接权限

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

<uses-permission android:name="android.permission.INTERNET"/>

注：从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">

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

    <!--<ProgressBar android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/progressbar"

                 style="@android:style/Widget.ProgressBar.Horizontal" android:max="100" android:progress="0"

                 android:visibility="gone"/>-->

</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,"<html><head><title> 欢迎您 </title></head>" +

//                "<body><h2>使用webview显示 html代码</h2></body></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);

}

/**

 * JS调用android的方法

 *

 * @param str

 * @return

 */

@JavascriptInterface //仍然必不可少

public void getClient(String str) {

    Log.i("ansen", "html调用客户端:" + str);

}

@Override

protected void onDestroy() {

    super.onDestroy();

    //释放资源

    webView.destroy();

    webView = null;

}

	```

Android开发：通过 webview 将网页打包成安卓应用的更多相关文章

android开发中WebView的使用(附完整程序)
原文地址:http://www.pocketdigi.com/20110216/176.html WebView是个好东西,作用相当于一个迷你的浏览器,采用Webkit内核,因此完美支持html,ja ...
将H5页面打包成安卓原生app
第一步:下载HBuilderX,新建项目选择5+App新建一个空项目如下图新建后项目目录结构如下图第二步,将你要打包成安卓app的文件打包,最后生成的文件目录如下图 1.打包完成后,将对应文件内容 ...
HBuilderX打包成安卓或苹果app之后的调试问题，避免每次都要打包
一.使用VScode安装 Live Server插件二.使用:安装成功后---->>新建一个index.html 写入内容如下图所示注:href地址是你在电脑上启动该项目的访问地址(此 ...
Android 之用WebView显示网页
WebView可以使得网页轻松的内嵌到 app 里,还可以直接跟js相互调用. WebView有两个方法:setWebChromeClient 和 setWebClient (1) setWebCli ...
Electron把网页打包成桌面应用并进行源码加密
前言最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一 ...
HTML5学习总结-10 Android 控件WebView显示网页
WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用. webview有两个方法:setWebChromeClient 和 setWebClient 1)setWebClient: ...
搭建ionic3-angular5 开发环境并打包成安卓apk包教程
安装node.js 搭建ionic3-angular5 开发环境,首先查看本地电脑是否安装node环境,打开终端,输入命令: node -v 没有去安装nodejs 网址:http://nodej ...
android中使用WebView请求网页
请求网页首先需要访问网络的权限,在AndroidManifest.xml添加如下内容: <uses-permission android:name="android.permissio ...
【iOS越狱开发】如何将应用打包成.ipa文件
在项目开发中,我们常常需要将工程文件打包成.ipa文件,提供给越狱的iphone安装. 下面是一种方法: 1.首先应该给工程安装好配置文件(这里不再敖述),在ios device的状态下,运行成功. ...

随机推荐

xpath_note - Ethan Lee
https://ethan2lee.github.io/ XPath概览 XPath,全称XML Path Language,即XML路径语言,它是一门在XML文档中查找信息的语言.它最初是用来搜寻X ...
linux vi命令详解及使用技巧
进入vi的命令vi filename :打开或新建文档,并将光标置于第一行首vi +n filename :打开文档,并将光标置于第n行首vi + filename :打开文档,并将光标置于最后一行首 ...
芮勇博士荣获2016年IEEE 计算机学会技术成就奖
微软亚洲研究院常务副院长芮勇日前,电气电子工程师学会(the Institute of Electrical and Electronics Engineers, IEEE)计算机学会(Comp ...
usb设备枚举过程
USB主机在检测到USB设备插入后,就要对设备进行枚举了.为什么要枚举呢?枚举就是从设备读取一些信息,知道设备是什么样的设备,如何进行通信,这样主机就可以根据这些信息来加载合适的驱动程序.调试USB设 ...
为何滴滴会走Uber之路，研发无人驾驶？
近日,滴滴出行宣布完成新一轮超过55亿美元融资,以支持其全球化战略的推进和前沿技术领域的投资.其中,无人驾驶汽车将是这笔资金重要的投资方向.此前,滴滴在全球范围内的追赶对象Uber不断在无人汽车领域发 ...
数据大爆炸：KDD 2016
2016"> 饕餮盛宴 ACM SIGKDD国际会议(简称KDD)是数据挖掘领域的顶级国际会议,由ACM (计算机协会)的数据挖掘及知识发现专委会(SIGKDD)负责组织筹办.在现今如 ...
【DirectX 11学习笔记】世界矩阵的理解-运动合成
最近在看龙书,写一下自己的学习理解,主要是物体运动的合成. 物体于局部坐标系内构建,每个物体拥有自己的局部坐标系以及相应的顶点矩阵A,并通过世界矩阵变换到唯一的世界坐标系. 物体在某时刻发生了位移和旋 ...
js变量提升、函数提升详解
一.变量提升是指将变量声明提升到它所在作用域的最开始部分 console.log(a) // 为什么会出现以上的结果,是因为js的变量提升,将a变量的声明提升到全局作用域的最上面部分,实际代码如下: ...
vue組件自学
Vue组件什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添 ...
Spring源码阅读笔记04：默认xml标签解析
上文我们主要学习了Spring是如何获取xml配置文件并且将其转换成Document,我们知道xml文件是由各种标签组成,Spring需要将其解析成对应的配置信息.之前提到过Spring中的标签包括默 ...

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