TYPO3 - 添加到主屏幕图标答案

【问题标题】：TYPO3 - Add to homescreen iconTYPO3 - 添加到主屏幕图标
【发布时间】：2020-08-24 09:31:48
【问题描述】：

我有一个 TYPO3 9 网站，想将起始页添加到我在 Android 9 上的主屏幕。将链接添加到我的主屏幕后，它会显示为显示字母“H”的图标。

将我的页面添加到主屏幕后，我必须进行哪些更改才能显示自定义图标？

我尝试更改图标（使用 32x32px png），因为我认为这可能会用作主屏幕上的图标，但没有成功。

【问题讨论】：

标签： android typo3 favicon typo3-9.x homescreen

【解决方案1】：

网站图标不用于 Android 上的主屏幕。您需要在标题中添加一个单独的标签才能添加主屏幕图标。

对于安卓：

<link rel="icon" href="icon.png">

对于 iOS：

`<link rel="apple-touch-icon" href="icon.png">`

apple-touch-icon 可能也适用于某些 Android 版本，但我认为它已被弃用，并且可能已在较新的版本中被删除。

您可以使用以下 TypoScript 将其添加到 TYPO3 站点：

page.headerData.10 = TEXT
page.headerData.10.value = <link rel="icon" href="icon.png">
page.headerData.20 = TEXT
page.headerData.20.value = <link rel="icon" href="icon.png">

当然，您需要将其指向现有的图像文件，并且您需要检查 page.headerData.10 和 page.headerData.20 是否未用于其他用途（在这种情况下，您需要使用不同的数字） .

【讨论】：

我想我需要在其中一行中添加“apple-touch-icon”而不是“icon”才能同时覆盖 Android 和 Apple。但它工作得很好。非常感谢！