ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

悲惨经历:浙政钉 iPhone 手机访问页面空白,刷新后正常显示 问题排查(安卓、手机一切正常)

2022-07-27 00:32:19  阅读:426  来源: 互联网

标签:iOS 安卓 环境 同事 问题 iPhone 浙政钉 手机 图片


悲惨经历:浙政钉 iPhone 手机访问页面空白,刷新后正常显示 问题排查(安卓、手机一切正常)

现象如标题所讲,很诡异,到了客户现场先分析环境情况、问题可能出现的原因(页面是前端实习生写的,但这种诡异问题也就只能交由老同志来解决啦……)

做的看似与问题不相干的事

同事提到昨天改的 logo 在浙政钉环境下还是老样子,然后登录页的图片也出不来(我试了一下还真是……)

电脑上打开应用,发现控制台有报错,图片加载失败,想着 iPhone 手机访问空白这个问题暂时也没有头绪,顺手把这个报错解决了吧

  • 图片是公司服务器上的图片,由于之前某一阶段电信安全升级?把公司 https 默认的 443 端口屏蔽掉了,导致外网无法访问图片(公司局域网是可以的,所以开发过程中一直没有发现这一问题)

想着先让这个问题上线,让同事发布了一个版本,发现线上还是那样……复制出来地址浏览器打开,发现还是这样,一看网址?咋不是我们公司 ip???

然后问了下负责政务云这块任务的同事是不是配置的地址配错了(昨天政务云资源刚申请下来,同事还在部署环境,还在调试……)

  • 结果发现他直接在政务云上布了一套,配上了浙政钉,然后用户通过浙政钉进入页面(不是我让另一个同事发布的那个环境,那个环境“被停用”了)

然后让同事打包发给他,线上替换一下就接着分析问题了

  • 我只是顺手改了下图片加载地址,这个东西跟我现在在研究的问题没有多大关系,所以就暂且不管啦,他发布掉就好了

问题分析

是不是代码上有 iOS 不兼容的代码引起的

我从页面加载开始梳理了一遍相关代码文件,并未发现有什么可疑的代码会引起兼容性问题

排查是不是 iOS 浙政钉环境的原因

想到将浙政钉里的应用链接复制出来,看在手机浏览器里是否有此问题(排查是不是浙政钉环境的原因),结果发现还是有这个问题,那就不是浙政钉环境的原因咯……就是 iOS 系统的兼容问题

排查解决方向

尝试错误捕获

既然上述的几种方向都没法在排查下去,看能不能通过全局 API 捕获到什么错误,从而从错误里找到突破点

vue 有全局错误捕获相关的 API(Vue.config.errorHandler),想看看 uniapp 文档里是不是也有,看能不能看到什么报错信息

  • 可惜没找到(或者说 uniapp 就没有相关 API?)

搭建临时环境(专有钉钉正好在维护,用钉钉配局域网地址调试)

屋漏偏逢连夜雨

(专有钉钉近期在维护,还没法用专有钉钉进行调试:专有钉钉是最接近浙政钉环境的)

后来同事说要不在钉钉上配置一下拿来调试

试试就试试咯,也总比每次改完发版本来的强呀……

前提:需要同一局域网下,关闭 windows 防火墙,用手机访问 ipv4 地址,能够访问通则用钉钉配置该应用到工作台,进行调试(通过钉钉打开则具备了钉钉环境,怎么配置应用台可自行百度,不作展开)

新问题:钉钉环境没有控制台可以调试怎么办?

  • 思路:结合 JSON.stringfy() 将想要 console.log 展示的内容序列化后用弹窗(uni.showModal(...))展示

环境配通后让同为 iOS 系统同样出现过问题的同事打开看看,发现没有问题……可以直接打开……

啊这……

转折

最后想在 iOS 系统下再仔细看看错误出现的过程,看能不能从现象捕捉到什么端倪,从而找到解决问题的切入点,发现本文所要解决的问题居然可以了……?

我改了什么?图片地址更正了……他就行了?

图片加载不出来也不会影响页面渲染呀,图片空着下面的内容还是会出来的呀……

  • 推测会不会是因为图片是动态引入,引入的时候找不到图片,报错,影响后续代码运行了……
  • 反正我安卓手机图片没出来,输入框之类的还是有的(苹果又坑我?继日期 - 连接之后的又一新坑……)

看来习惯养好点还是有好处的呀,有时候神不知鬼不觉得就把bug 解决了,或者直接跳过了

标签:iOS,安卓,环境,同事,问题,iPhone,浙政钉,手机,图片
来源: https://www.cnblogs.com/suwanbin/p/16523208.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有