又是修改 Bug 的一天,其中有一个有关 Safari 的呈现问题,页面内容时而会溢出页面,触发缩放逻辑后高度和滚动位置异常,容器高度比实际视图高度要大。我盲猜就是给子容器直接设置 100vh
的高造成的。
用我的 MacBook 连接 iPhone 调试样式,把涉及到 100vh
的部分全部干掉就没问题了。关于这种全高的应用,最好的办法就是从 html
到 body
再到容器本身都使用 100%
的形式来写。由于删掉了全局样式,就怕会影响到其他页面,还好和其他前端测试后没有发现什么大的问题。
另外一个 Bug 涉及到跨域资源获取,Chrome 那边我看暂时无解,就尝试用火狐浏览器,发现情况依旧。本地调试的域名虽说是 *.xxxx.com
符合线上规则,但是有一个端口号,不知是不是这个原因导致的。
地址栏输入 about:config,回车,点击“接受风险并继续”后进入页面
搜索 security.fileuri.strict_origin_policy 并设置该项为 false
或许在火狐这边禁止了这个选项只是 XHR 和 Fetch 能跨域了,但是图片资源还是不行,这个还是比较影响调试的。因为涉及到图片的 onload
事件,如果没有触发则整个功能无法测试,哎~