项目场景:
UI在走查时,发现项目在ios Safari 中带有绿色背景,如下图:

问题描述
UI在走查时,发现项目在ios Safari 中带有绿色背景,
查看代码,没有给body或者html添加任何关于绿色的背景。
原因分析:
对比了ios15和ios14,发现只有在ios15
情况下才会出现这样的问题。所以搜了下关于ios15
Safari
下的一些H5页面问题。
结果得出,ios
从版本 15 开始,Safari theme-color 在 macOS 和 iOS 上都支持该标签。
<meta name="theme-color" content="#319197">
Meta Theme Color and Trickery 文章地址
解决方案:
知道是这个meat
标签问题后,才发现打包后的dist
文件内的index.html
有<meta name="theme-color" content="#4DBA87">
,如下图:
所以推测应该是webpack打包时,加进去的代码。查找资料后,解决办法就是,在vue.config.js
文件内添加themeColor: 'none'
代码。