Android关于网络错误页面,Android在断网时本地化显示H5错误页

前言

本篇将要介绍如何在没有网络的状态下,显示本地的H5界面,并跳回上级原生界面。

欢迎加入学习小组QQ群: 193765960。

实现本地化H5界面:

本地化HTML文件,CSS文件,JS文件,图片资源等:

//在Android工程assets目录下保存H5界面相关资源和文件,例如:

|assets-----

|

|--error.html

|--css\error_style.css

|--js\error.js(由于功能简单,我的demo中就没有单独写成js文件,直接在HTML中实现)

|--img\error.png

|

//error.html资源的引用

抱歉,信息加载失败

//加载css样式

//js接口定义:也可以写成单独的js文件,目录如CSS资源加载目录

function back() {

window.location.href = "activity:finish";//使用重定向,在webActivity中去捕获,"activity:finish"可自行定义

}

-->

//加载图片资源

![](file:///android_asset/img/error.png)

抱歉,信息加载失败
返回

点击返回,跳转到上级原生界面&#x

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Android Webview 中将 H5 资源本地化,可以使用以下步骤: 1. 在 Android 项目的 assets 目录下创建一个文件夹(比如说叫做 html),将 H5 资源放到该文件夹下。 2. 在 Webview 中加载 H5 页面,将其 URL 改为本地路径,例如: ```java webView.loadUrl("file:///android_asset/html/index.html"); ``` 3. 在 Webview 的 setWebViewClient 方法中重写 shouldInterceptRequest 方法,拦截 H5 页面资源请求,并返回本地资源的 InputStream,例如: ```java webView.setWebViewClient(new WebViewClient() { @Override public WebResourceResponse shouldInterceptRequest(WebView view, String url) { if (url.contains("html/")) { // 判是否为 H5 资源请求 try { AssetManager assetManager = getAssets(); InputStream inputStream = assetManager.open(url.replace("file:///android_asset/", "")); String mimeType = getMimeType(url); // 获取资源的 MIME 类型 return new WebResourceResponse(mimeType, "UTF-8", inputStream); } catch (IOException e) { e.printStackTrace(); } } return super.shouldInterceptRequest(view, url); } }); ``` 4. 在 getMimeType 方法中根据文件后缀名获取 MIME 类型,例如: ```java private String getMimeType(String url) { String extension = MimeTypeMap.getFileExtensionFromUrl(url); String mimeType = MimeTypeMap.getSingleton().getMimeTypeFromExtension(extension); return mimeType != null ? mimeType : "application/octet-stream"; } ``` 这样就可以在 Android Webview 中将 H5 资源本地化了。需要注意的是,在加载 H5 页面,如果 H5 页面中包含外部链接,例如 CDN 链接,这些链接将不会被拦截,仍然会从网络中加载。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值