标签: Safari兼容性

Safari不支持VP8/VP9 WebM透明视频（Alpha通道）。主要方案：1.双源`<video>`（Safari用HEVC MOV，FFmpeg转换）；2.Canvas渲染Lottie；3.视频拼接彩色+Alpha遮罩；4.优化WebM编码（yuva420p）。推荐双源方案。

前端开发常见疑难杂症包括Safari图像闪烁、企业微信登录环境依赖、跨域缓存Vary Origin、SSR时区同步、空白符渲染、滚动定位边缘效应及浮点陷阱。针对性解决方案涉及IntersectionObserver、环境检测、Nginx配置、时区同步及精确计算。建议建立异常案例知识库，积累经验，预防技术债务。

本文总结了前端开发中遇到的多个疑难杂症。包括Safari图片替换闪烁、懒加载失效，企业微信登陆异常（C盘满导致），`Vary: Origin` 跨域问题，SSR时区不一致，`white-space: pre` 与 innerHtml 冲突，`scrollIntoView`在`overflow: hidden`容器中的BUG，以及判断滚动到底部时因精度问题可能出现的误差。针对性地给出了问题原因和解决方案。