在Firefox中，React App的图标不会改变，但Chrome可以工作
的原因可能是由于浏览器对于网站图标的处理方式不同。
React App通常会使用favicon.ico文件作为网站的图标，该文件通常放置在网站的根目录下。浏览器会根据网站的HTML代码中的<link>标签来加载并显示网站的图标。
在Chrome中，当网站的HTML代码中包含<link>标签指向favicon.ico文件时，Chrome会自动加载并显示该图标。因此，React App在Chrome中可以正常显示图标。
然而，在Firefox中，它并不会自动加载并显示favicon.ico文件。相反，Firefox会尝试从网站的根目录下查找其他名称的图标文件，例如favicon.png或favicon.svg。如果找不到这些文件，Firefox将使用默认的图标来代替。
为了在Firefox中正确显示React App的图标，可以按照以下步骤进行操作：
- 将favicon.ico文件转换为favicon.png或favicon.svg格式的图标文件，并将其放置在网站的根目录下。
- 在React App的HTML文件中，使用<link>标签指向新的图标文件。例如：
<link rel="icon" type="image/png" href="/favicon.png" />- 确保在React App的HTML文件中没有其他指向favicon.ico文件的<link>标签。
通过以上步骤，可以确保在Firefox中正确显示React App的图标。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和管理各类非结构化数据。详情请参考：腾讯云对象存储（COS）
- 腾讯云云服务器（CVM）：提供可扩展的云服务器，支持多种操作系统和应用场景，适用于网站托管、应用程序部署等。详情请参考：腾讯云云服务器（CVM）
- 腾讯云内容分发网络（CDN）：加速内容分发，提升用户访问体验，适用于静态资源加速、动态加速等场景。详情请参考：腾讯云内容分发网络（CDN）
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，适用于智能客服、图像分析等领域。详情请参考：腾讯云人工智能（AI）
相关·内容
我有一个react应用程序，我将公共文件夹中的favicon.ico从默认的react徽标切换为自定义的favicon。在Chrome中，它显示得很好，但在Firefox中，它拒绝更新到我的自定义收藏图标。那件事怎么可能？我删除了原始文件。
浏览 20提问于2019-12-04得票数 0
回答已采纳
3回答
我对Goole Chrome上的Kendos工具提示有一个问题。我需要添加具有图标的按钮上的工具提示，但当我悬停在图标上时，工具提示将不会出现。当我悬停在图标之间的某个地方时，它可以工作，但我需要整个按钮上的工具提示。我只在Chrome上遇到这个问题，在IE或Firefox上它工作正常。我尝试
浏览 40提问于2019-01-17得票数 0
回答已采纳
1回答
编译工作正常，但应用程序不会在我的浏览器中打开(我使用firefox)。自动，所以我必须手动打开它，在我的浏览器中键入URL。我认为默认情况下，React应该启动应用程序吗？我不知道是怎么回事。我尝试了以下解决方案，但没有一种有效。在我的终端中使用BROWSER=firefox npm start .在中设置BROWSER变量
/&#x
浏览 2提问于2021-05-02得票数 0
回答已采纳
我已经创建了我的反应应用程序使用创建-反应-应用3.3.0版本的。除了IE11之外，我的应用程序在所有浏览器中都能正常工作。version", "last 1 safari version", ]我的"修复尝试1:react app-poly填充
pac
浏览 3提问于2020-06-29得票数 0
我想将我的默认浏览器更改为IE (因为我们的大多数内部网站都是这样设计的)。但目前，我只能让pgadmin4与Opera很好地协同工作。有没有办法告诉pgAdmin4使用与普通浏览器不同的浏览器？
浏览 0提问于2018-08-01得票数 13
我们有一个用于的任务窗格。
安装Office中的外接程序，按预期使用IFRAME打开侧栏。但是，当我们用电子表格关闭选项卡并在稍后重新打开相同的工作簿(不管是否编辑)时，只有一个图标出现在正确的边框上。有时这是我们的外接程序图标，有时它是一个中性图标(鼠标在Office上)。单击图标不会显示侧边栏(尽管它已经加载)。按图标上方的
浏览 1提问于2015-10-21得票数 0
回答已采纳
那时，搜索框在Firefox和Chrome上都能正常工作。但现在，它突然在Chrome中不正确地显示，而在Firefox中，它工作正常。以下是它在Chrome中的外观(不正确)：下面是它在Firefox中的外观(正确)：这就是问题所在，Firefox正确地显示了输入框，但</em
浏览 6提问于2016-06-08得票数 0
回答已采纳
1回答
当我使用字符串作为图标参数值时，我无法让Font Awesome图标工作。但我是新的反应，所以可能会遗漏一些东西。 使用javascript。使用react cli创建的项目。test", }, "extends": [
"reac
浏览 16提问于2021-01-31得票数 2
回答已采纳
我正在寻找与在win7中发现的任务栏类似的任务栏，它并不统一：) Dockbarx非常接近我正在寻找的东西，但是它没有ungroup选项。编辑所有打开的窗口都显示为图标。您可以向这些图标添加标题，但是默认视图中没有文本，只有图标--这很好。例如，如果您
浏览 0提问于2013-01-29得票数 6
2回答
我目前正在使用SVG符号来显示图标。这在IE、Chrome和Safari中都可以使用，但在Firefox中不会显示这些图标。在StackOverflow上有很多类似的问题，但大多数都是旧的或不使用符号。<?我需要做些什么才能让它正常工作？
这是我的html头部
浏览 0提问于2014-12-05得票数 4
1回答
我有一些可扩展/可折叠的div在桌面计算机上运行良好(在Chrome、Firefox和IE中进行了测试)。在移动设备上，他们在安卓Chrome上也能正常工作。但是，div不会在iOS 8上的任何浏览器中展开。点击标题会改变颜色并切换图标，因此我知道切换框工作，但是div无法显示。下面是控制div扩展的
浏览 3提问于2015-05-28得票数 2
回答已采纳
是否可以在我选择的某个浏览器中启动create-react-app应用程序？目前，它总是在Chrome中运行，而我希望它在Chrome Canary中运行。有人知道吗？
浏览 0提问于2018-08-25得票数 8
我有一个应用程序，用户可以在其中拍照并将图像存储在AWS S3桶中。然后，我的应用程序将保存该图像的URL，以便用户稍后可以查看该图像。如果我走到我的S3桶，看看一个图像，它会出现在正确的方向。然而，当我在我的反应应用程序中使用图像的URL时，图像看起来旋转了90度。
获取图像时，立即声明文件名，并立即将图像的URL保存到数据库中。由于当我直接转到S3桶或URL时
浏览 0提问于2019-07-30得票数 1
5回答
有没有办法改变Firefox系统图标(窗口左上角的那个)？
Precision :我想要更改与apache/php和我的应用程序捆绑的Firefox版本的图标。因此，在每台计算机上手动操作不是一个解决方案。我尝试过Resource Hacker，它是一个很好的解决方案。附加组件也很好。
浏览 8提问于2008-09-15得票数 9
回答已采纳
5回答
我想在Notofication Firefox OS中显示一个图标，以便我使用以下代码：notification.addEventListener('click', function() {launchSelf();});
但图标在移动设备中不显示( Firef
浏览 0提问于2014-04-07得票数 3
在Windows上，我推迟了 PWA的安装提示符，但是当我稍后调用event.prompt()时，我看到一个黑色的正方形，里面有字母"B“，而不是我的生姜面包屋图标。如果我直接单击Chrome/Edge/Opera/Firefox原生安装按钮，也会发生这种情况。
如果我同意安装，那么我也只能在主页或应用程序文件夹的黑色背景上获得白色B。在我的安卓手机上，一切都与gingerbr
浏览 6提问于2022-07-08得票数 0
我正在努力让我的图标在IE11上工作。<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
问题是IE11上没有出现该图标。奇怪的是，下面这一行使火狐和Chrome上的
浏览 3提问于2019-10-30得票数 2
回答已采纳
5回答
我使用数据表，表中的每一行都有一个图标列。我注意到，在Chrome和Firefox中，当我悬停在图标上时，它会改变颜色(这很好)。但是，在IE中，当用户悬停在图标上时，图标会加下划线，直到用户移动光标为止。我试过：}
但这对我没
浏览 8提问于2015-07-20得票数 0
回答已采纳
1回答
在试图弄清楚为什么我的收藏图标不能在各种浏览器(除了Safari)上显示，而是被一个灰色的球体取代后，我发现了以下讨论：
这是我的问题吗?还是我们在URL地址栏中看不到像以前一样常见的图标？
浏览 1提问于2012-11-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
