对于用于表示网页的各种图标图标，各种浏览器和设备都有自己的规范和标准。图形设计站点上的此答案提供了很好的概述。
假设您很麻烦在HTML中提供大量带有适当声明的这些图标文件-但是您不会碰巧苹果生产的所有设备加上Windows 8设备以及各种版本的Android测试他们。
有没有简单的方法来测试您的配置并查看各种设备和浏览器将拥有哪些文件（如果有），而无需准备所有必需的设备？
编辑要清楚，我的意思是当浏览器在诸如“访问量最大”，“收藏夹”之类的浏览器功能中表示网页时，或在创建主屏幕快捷方式（在网页的声明中声明<head>但未显示）时，浏览器会悬停并使用的图标网页中的任何地方<body>。
Answers:
我一直在realfavicongenerator.net上使用favicon生成器，它使您可以查看所选图稿在不同设备上的显示方式。有很多选项，您可以尝试使用其示例图标进行测试。从获得最佳效果的方形SVG开始，站点将其转换为必要的格式，并为您提供一个压缩文件夹，其中包含所有可用的内容。
这也是一项免费服务，无需注册或其他废话。只要使用它，如果发现它有用就可以捐赠。
我建议尝试在Google Chrome浏览器中模拟设备。这是我所见过的最简单的方法，它应该可以工作。这是一篇完整的文章，https：//developer.chrome.com/devtools/docs/device-mode
只需使用Mozilla Firefox进行测试，大多数Web应用程序开发人员都在使用此方法进行测试