我有一个单页渐进式Web应用程序（可从iPhone进行访问），并且我在<head>中添加了以下内容：
<link rel="apple-touch-icon" href="img/appicon/acme_homescreen_60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/appicon/acme_homescreen_120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/appicon/acme_homescreen_152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="img/appicon/acme_homescreen_167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/appicon/acme_homescreen_180x180.png">
此方法适用于https://acme.com/login，因此没有诸如文件名拼写错误，路径错误，密码保护之类的基本问题，但是它不适用于https://acme.com/selection或/以外的任何其他URL登录。我在那里获得了默认屏幕截图。
我仔细检查过：所有URL上都有相同的<head>，所以我缺少什么？
PS：由于服务器在本地运行，因此我无法按照建议的https://realfavicongenerator.net/favicon_checker使用here。
答案 0 :(得分：0)
虽然我仍然不知道为什么它可以在/ login上运行，但是解决方案似乎是在根目录中放入apple-touch-icon.png 。为了将所有图标都放在一个位置，我将所有引用的图标都移到了根目录，但在那里apple-touch-icon.png似乎就足够了。
公平地说，in the documentation提到要使用根目录。