即使在重新安装后，Firefox 也会为 img 元素加载旧的 src url答案

【问题标题】：Firefox loads old src url for img element even after reinstalling即使在重新安装后，Firefox 也会为 img 元素加载旧的 src url
【发布时间】：2020-02-05 18:56:32
【问题描述】：

在我的项目中，我更改了一些细节：

1) 删除带有徽标图像的文件夹。
2) 将img 的src 属性更改为图片的新位置。

旧源代码：“images/logo/logo.png”。

新的源代码：“images/logo.png”

但是当我加载页面时，我看到一个“空”图标，徽标应该在的位置。我试图删除缓存，甚至重新安装了 Firefox。我还尝试切换我的防病毒软件。但是当我打开调试器时，我看到了旧的src 值img。如何在 Firefox 中更新图像？

代码如下：

<nav class="col navbar navbar-expand-md mx-auto py-0 align-items-end justify-content-between">
                <a class="navbar-brand p-0 ml-5" href="#"><img id="logo" src="images/logo.png"></a>
                <div class="menu-icon-wrapper d-flex position-relative justify-content-center align-items-center mr-5">
                    <svg class="blue-triangle d-block position-absolute" width="60" height="60" viewBox="0 0 60 60">
                        <polygon points="0,20 40,60 54,6" fill="#00ff65"/>
                    </svg>
                    <div class="open-close position-relative">
                        <svg class="position-absolute" width="100%" height="100%" viewBox="0 0 60 60">
                            <polygon points="0,20 40,60 54,6" fill="#00b4ff"/>
                        </svg>
                    </div>
                </div>
            </nav>

更新：其他浏览器也看不到图像。我在本地加载页面。

【问题讨论】：

您在哪个服务器上运行您的代码？您是否有用于加载图像的代码/HTML？我们需要更多信息来回答这个问题。您是否在进行更改后尝试重新启动服务器？可能只是服务器没有更新，因为它已经加载/缓存了页面。
@jack.benson，我添加了代码。我还发现，其他浏览器以相同的方式检索页面的缓存版本。

标签： html image firefox src

【解决方案1】：

您提供的有关情况的信息看起来太少了。

我想您已经直接在 HTML 文件中更改了源代码。如果是这种情况，请打开网络监视器并查看是否缓存了 HTML 文件。

按 Ctrl + Shift + E（在 Mac 上为 Command + Option + E）。
从 Web Developer 菜单中选择“网络”（在 OS X 和 Linux 上是工具菜单的子菜单）

如果页面托管在服务器中，请查看您的服务器或 CDN 是否已缓存该页面。

希望对您有所帮助。！！

【讨论】：

你是在本地工作还是在现场测试？？
感谢您的反馈，@Nithin Suresh。我在调试器中禁用了缓存。图片仍然无法加载。
做一件事，去inspector那里直接改源码，看看能不能在浏览器中看到图片。
是的，图片出现了，@NithinSuresh
尝试在源代码前添加“/”。如果您也尝试过，请查看 img 标签的 CSS 并查看是否有任何 CSS 规则被覆盖。

【解决方案2】：

解决了。侧脚本更改了徽标网址。感谢大家的帮助！

【讨论】：