我正在通过 Magento_Theme web 覆盖 magento2 favicon，Firefox 看到它但也没有谷歌浏览器

Question

我正在将自己的图标添加到我开发的自定义主题中 Magento 2

我使用清理了缓存

php bin/magento cache:clean 

和

./bin/magento setup:upgrade 

添加

/Magento_Theme/web/favicon-32x32.png

和正确的代码

/Magento_Theme/layout/default_head_blocks.xml

如图所示

当我使用 Firefox 浏览网站时，它显示了图标，但 Firefox 从未显示过

在 DevTools 中，我看到有 3 个图标：

<link rel="icon" type="image/x-icon" href="http://test.me/pub/static/version1573121444/frontend/P/theme-h/en_US/Magento_Theme/favicon.ico">

<link rel="shortcut icon" type="image/x-icon" href="http://test.me/pub/static/version1573121444/frontend/P/theme-h/en_US/Magento_Theme/favicon.ico">

还有我的新 favicon-32x32.png

<link rel="icon" sizes="32x32" href="http://test.me/pub/static/version1573121444/frontend/P/theme-h/en_US/Magento_Theme/favicon-32x32.png">

现在为什么有 3 个，那是什么

rel="快捷方式图标"

Answer 1

我尝试用 .ico 和 .png 更改图标，但只有 .ico 对我有效。 开发文档中也提到并非所有浏览器都支持所有这些格式。

这是我遵循的步骤

第 1 步：- 创建 app/design/<Vendor_folder>//Magento_Theme/layout/default_head_blocks.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
    <link src="Magento_Theme::favicon.ico" rel="icon" sizes="32x32" />
</head>

第 2 步：创建 Magento_Theme/web 目录并将您的图标添加到其中。

结果：