全高应用在 Safari 上溢出的问题 / 跨域

2022-07-28 · 周四一般多云

又是修改 Bug 的一天,其中有一个有关 Safari 的呈现问题,页面内容时而会溢出页面,触发缩放逻辑后高度和滚动位置异常,容器高度比实际视图高度要大。我盲猜就是给子容器直接设置 100vh 的高造成的。

用我的 MacBook 连接 iPhone 调试样式,把涉及到 100vh 的部分全部干掉就没问题了。关于这种全高的应用,最好的办法就是从 htmlbody 再到容器本身都使用 100% 的形式来写。由于删掉了全局样式,就怕会影响到其他页面,还好和其他前端测试后没有发现什么大的问题。

另外一个 Bug 涉及到跨域资源获取,Chrome 那边我看暂时无解,就尝试用火狐浏览器,发现情况依旧。本地调试的域名虽说是 *.xxxx.com 符合线上规则,但是有一个端口号,不知是不是这个原因导致的。

地址栏输入 about:config,回车,点击“接受风险并继续”后进入页面
搜索 security.fileuri.strict_origin_policy 并设置该项为 false

或许在火狐这边禁止了这个选项只是 XHR 和 Fetch 能跨域了,但是图片资源还是不行,这个还是比较影响调试的。因为涉及到图片的 onload 事件,如果没有触发则整个功能无法测试,哎~

Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

近期评论

鲍小螺: 前辈多多指教!ahu: 后生可畏寻梦xunm: 真不错,板子很好看。timochan: 太惨了( ,更新暴毙,如果恢复没成功,数据也 dump 不出来鲍小螺: 在这部分对话中,广树和保罗继续讨论生活的不同方面。保罗提到了技术更新和国内的优秀 IT 技术。广树解释了在国内积累的经验如何在日本产生穿越的感觉,并表达了对于日本生活节奏的喜爱。他还提到了医疗水平的差异和对于生活方式的感受。保罗表示,通过动漫和现实的对比,艺术来源于现实,日本生活的确有着独特之处。他们讨论了国内的生活节奏和就医等方面的压力,以及个人选择的自由。最后,他们也谈到了不结婚不买房的选择和对于房价的困扰。鲍小螺: 该对话进一步讨论了房地产和税收的问题。保罗提到了国内的房地产税和增值税以及日本的固定资产税。广树解释了日本房地产税的收取方式,以及房产税对于国内房产的影响。他认为,与国内相比,日本的房子质量和服务更好。保罗提出疑问,为什么自己拥有的地也要交税。广树解释了类似增值税的原理,并指出在日本拥有房产是稳定安全的。最后,保罗表示从广树的角度来看,情况确实是如此。鲍小螺: 这篇文章的聊天记录也尝试过用 GPT 总结,结果并不是太好,不知道是不是 Prompt 的问题,实际出来的内容过于简练了,于是又耗费了半小时写完,呼~
奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君