Google Chrome 80将提供对SVG favicon图标的支持

2019年11月23日15:36:17 发表评论 27 views

出现在网站页面标题左侧的微小图标,行业内称为favicon或网站图标,Google Chrome从80版本起将开始支持favicon的SVG图像格式,目前的金丝雀每日测试版本已经包含该特性,而Firefox支持它已经有4年了。

Google Chrome 80将提供对SVG favicon图标的支持

Google在Chrome中添加对favicon的SVG支持并不容易,因为Chromium员工在相关的bug报告帖子中表示这难以实施,这是因为Chrome的SVG代码已高度集成到核心渲染引擎中,因此,这需要调整整个渲染器。

Google Chrome 80将提供对SVG favicon图标的支持 Google Chrome 80将提供对SVG favicon图标的支持

相比之下,微软的Internet Explorer和Edge尚不支持SVG图标,Firefox目前是唯一支持该图标的浏览器,Chrome的跟进意味着其他基于Chromium的浏览器(如Vivaldi,Opera,Brave和新版Microsoft Edge)也会同时支持SVG作为favicon。

现在,您可以使用“ prefers-color-scheme”来设置SVG图标的样式,为了外观上能够与主题统一,Chrome还会在启用黑暗模式时将图标显示为黑色,而在浅色模式下将图标显示为黄色。

要测试浏览器是否支持SVG网站图标,请在浏览器地址栏中访问该测试站点,如果您在选项卡中或在网站图标的位置看到笑脸,那么浏览器支持该功能(如果您看到悲伤的笑脸),如若没有图标则说明该浏览器不支持该功能。

©里维斯社,本站推荐使用的主机:阿里云腾讯云;本站推荐使用的WP主题:WordPress主题

晨会游戏

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: