Android WebView判定网页加载的错误

) {
super.onReceivedError(view, request, error)
Log.d(TAG, "onReceivedError: request= " + request.json())
Log.d(TAG, "onReceivedError: error= " + error.json())
}
}
webview.loadUrl(“https://www.baidu.com/”)

request输出：

{“a”:{“a”:“www.baidu.com/",“b”:true,… (Linux; Android 11; sdk_gphone_x86_arm Build/RSR1.200819.001.A1; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.106 Mobile Safari/537.36”,“Accept”:“text/html,application/xhtml+xml,application/xml;q\u003d0.9,image/webp,image/apng,/;q\u003d0.8,application/signed-exchange;v\u003db3;q\u003d0.9”,“Upgrade-Insecure-Requests”:“1”}}}

error输出：

{“a”:{“a”:-1,“b”:“net::ERR_CACHE_MISS”}}

/**

• 需要注意的是：与老版本不同，新版本已经针对所有的资源加载错误都会回调*(iframe, image, etc.), 不仅仅是加载的主页面
  */
  public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
  if (request.isForMainFrame()) {
  onReceivedError(view,
  error.getErrorCode(), error.getDescription().toString(),
  request.getUrl().toString());
  }
  }

所以，通过以上监听，即可知道对应的错误内容，进而做相应的业务处理。

三 常见的错误案例分析

1.错误：ERR_UNKNOWN_URL_SCHEME

复现条件:打开百度新闻资讯网页，并点击评论

载体	现象
App内置WebView	报错：ERR_UNKNOWN_URL_SCHEME
UC、华为浏览器	停留在当前页面状态
Chrome浏览器	跳转到百度APP内部打开

来看一下页面加载shouldOverrideUrlLoading 中回调request输出：

{“a”:{“a”:“baiduboxapp://v1/easybrowse/hybrid?upgrade\u003d1\u0026type\u003dhybrid\u0026tpl_id\u003dlanding_app.html\u0026newbrowser\u003d1\u0026style\u003d%7B%22toolbaricons%22%3A%7B%22tids%22%3A%5B%224%22%2C%221%22%2C%222%22%2C%223%22%5D%2C%22menumode%22%3A%222%22%2C%22actionBarConfig%22%3A%7B%22extCase%22%3A%220%22%7D%7D%7D\u0026slog\u003d%7B%22from%22%3A%22feed%22%7D\u0026context\u003d%7B%22nid%22%3A%22news_9777178803801641010%22%7D\u0026ch_url\u003dhttps%3A%2F%2Fmbd.baidu.com%2Fnewspage%2Fdata%2Flandingreact%3FpageType%3D2%26nid%3Dnews_9777178803801641010%26uk%3D%26sourceFrom%3DlandingShare\u0026commentInfo\u003d%7B%22topic_id%22%3A1066000039731532%2C%22opentype%22%3A2%7D\u0026logargs\u003d%7B%22source%22%3A%221020283l%22%2C%22channel%22%3A%221020283m%22%7D\u0026needlog\u003d1”,“b”:false,“c”:true,“d”:false,“e”:“GET”,“f”:{“Accept”:“text/html,application/xhtml+xml,application/xml;q\u003d0.9,image/avif,image/webp,image/apng,/;q\u003d0.8,application/signed-exchange;v\u003db3;q\u003d0.9”,“Referer”:"mbd.baidu.com/newspage/da…

可以发现协议不是http类开头，而是百度自己定义的"baiduboxapp"。因此，不做处理，当然是识别不了的。

2.实现UC、华为浏览器处理的效果——>无视

webview.webViewClient = object : WebViewClient() {
override fun shouldOverrideUrlLoading(
view: WebView?,
request: WebResourceRequest?
): Boolean {
Log.d(TAG, “shouldOverrideUrlLoading: KaTeX parse error: Expected '}', got 'EOF' at end of input: …lLoading: url->{request?.url}”)
if (view != null && request?.url?.toString() != null) {
if (request.url.toString().startsWith(“http”)) {
view.loadUrl(request.url.toString())
}
return true
}

3.如何实现Chrome浏览器处理的效果——>能跳转

假定这是百度适配Chrome的效果，而不是Chrome主动去适配百度的代码页面，那么说明客户端的WebView也是能做到这样效果的。

基于此，我们来urldecode一下协议内容来看看request有什么特殊：

baiduboxapp://v1/easybrowse/hybrid?upgrade=1&type=hybrid&tpl_id=landing_app.html&newbrowser=1&style={“toolbaricons”:{“tids”:[“4”,“1”,“2”,“3”],“menumode”:“2”,“actionBarConfig”:{“extCase”:“0”}}}&slog={“from”:“feed”}&context={“nid”:“news_9777178803801641010”}&ch_url=mbd.baidu.com/newspage/da…

整体来看，仍旧是符合URI规则的。这样的话就可以考虑使用Intent处理的方式了。

webview.webViewClient = object : WebViewClient() {
override fun shouldOverrideUrlLoading(
view: WebView?,
request: WebResourceRequest?
): Boolean {
Log.d(TAG, “shouldOverrideUrlLoading: KaTeX parse error: Expected '}', got 'EOF' at end of input: …lLoading: url->{request?.url}”)
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取