IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 记一次WebView加载带定位网址导致的闪烁bug -> 正文阅读

[移动开发]记一次WebView加载带定位网址导致的闪烁bug

描述

项目中封装好的 WebView 页面,在传入一个饿了么链接后(其他链接正常展示,如:https://www.baidu.com),无法正常展示并且开始疯狂闪烁,在 shouldOverrideUrlLoading 打印了下重定向的 url ,发现有两个 url 地址在循环跳转,也就是:问题链接 -> 链接1 -> 链接2 -> 链接1 -> …,使用微信和QQ都正常展示,问题排查范围可以锁定在WebView的使用上了。

问题链接:https://s.click.ele.me/RZ2mkau

错误页面

排查

首先排除 手机Wifi代理 ,如果手机设置了 wifi 代理,一些网站有自己的证书验证机制,就会导致各种问题。时间宝贵,首先不要浪费时间在错误的方向上

其他链接正常,是有该链接展示有问题,那么先从这个链接开始看:
该链接用电脑 Chrome 打开也显示正常:
在这里插入图片描述
可以看到,这个链接最大的特点就是获取位置,我们的应用是它的宿主,那么获取位置的操作一定需要我们来定义,查阅一番资料后,找到位置的适配代码:

//配置 webViewSetting
val webSettings: WebSettings = webView.getSettings()
webSettings.setJavaScriptEnabled(true)
webSettings.setGeolocationEnabled(true)
...

//配置 webChromeClient
webView.webChromeClient = object : WebChromeClient() {
  override fun onGeolocationPermissionsShowPrompt(
    origin: String?, callback: GeolocationPermissions.Callback?
  ) {
    Log.i("baize_","定位提示:$origin")
    callback?.invoke(origin, true, false)
  }
}

并且添加位置权限(注意 6.0 动态权限申请):

<!--定位权限:-->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

增加了上述定位代码,然而还是失败,不是原来的配方,但还是原来的问题。

这次排查的重点放在 onGeolocationPermissionsShowPrompt 方法上,加个断电发现这个方法根本没有被调用,Google 之后发现不调用的情况只有一种:Android 7.0 以上版本,并且 url 链接是 http 的不安全链接。
,而我的链接已经是 https 了,所以根本不是同一问题。

解决

问题走到死胡同,苦思无果,然后逛了逛网上开源项目,测试了下 AgentWebView 后发现,这个库又可以正常展示,下载其源码并且调试,最终确定问题是 webView 配置的 WebViewClientshouldOverrideUrlLoading 方法引起,它的返回值才是问题所在。

首先看官方的 API 定义:

  • 如果不设置 WebViewClient ,那么点击链接之后会用外部浏览器打开(系统浏览器或手机上安装的第三方浏览器,多个浏览器会弹选择框)
  • 设置 WebViewClient,并且 shouldOverrideUrlLoading 返回 true,则由应用自己处理 url,WebView不再负责
  • 设置 WebViewCLient,并且 shouldOverrideUrlLoading 返回 false,由该 WebView 加载 url

再回头看项目中封装的这部分代码:

webView.webViewClient = object : WebViewClient() {
  override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean {
    if (NetworkUtil.isHttpProtocol(url)) { //判断是否http或https开头的链接
      view.loadUrl(url)
    } else {
      dispatchUrl(url)
    }
    return true
  }
}

可以看到,无论是什么链接,都由我们自己处理了,如果是 HTTP 链接,则手动再调用 WebView 来加载,这就是问题 url 死循环重定向的关键。

解决:

webView.webViewClient = object : WebViewClient() {
  override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean {
    if (NetworkUtil.isHttpProtocol(url)) { //判断是否http或https开头的链接
      return false //由系统自己处理!
    } else {
      dispatchUrl(url)
    }
    return true
  }
}

修改代码逻辑:如果是 HTTP 链接,则直接返回 false,由系统自己处理重定向,问题终于解决了。

在这里插入图片描述

总结

bug 的排查需要细心,并且要从多个角度分析问题,精准定位才能解决的更快。

深入

知其然更要知其所以然,疯狂分析背后原理中…

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-02-16 13:14:01  更:2022-02-16 13:14:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/28 8:18:26-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码