Javascript 刷新页面后，开发人员工具中所做的更改仍保留

我通过Chrome开发工具检查了网页上的一个元素。我在样式中添加了：“字体重量：正常”。我本不想让它永久存在，但现在这种改变不会消失。提神后，它仍然存在。因此，每当我检查元素时，该元素并不像预期的那样粗体。但是当我在我的源代码中看到实际的文件时，没有“font-weight:normal”代码

---

发生什么事了？为什么还有变化？如何还原更改？

尝试清除浏览器缓存。打开和关闭开发工具

1）尝试在新选项卡中打开，查看更改是否有效

---

2） 您是说您的源代码没有反映此更改-请确保您的浏览器正在加载您正在编辑的文件（可能是您复制了该文件？

问题已解决。我想我已经将我的SCSS文件编译成了一个CSS文件，其中保存了“font-weight:normal”。因此，当我试图更改我的SCSS文件，但没有看到网页中的更改时，我感到困惑。但是，当我将SCSS文件重新编译成CSS时，我看到它的一切都正常工作，并且浏览器在我重新编译时反映了正确的代码更改。

您没有做任何更改。要么是浏览器缓存了页面，要么是您误认为所做的更改。

CTRL

+

SHIFT

+

R

清除缓存并执行“硬重新加载”。在处理前端问题时，我一直使用此快捷方式。我并不是说这里有缓存问题，只是想指出一个有用的提示；-）我清除了浏览器缓存，但问题仍然存在。当我检查元素时，会显示以下内容：#容器#挑战#主题#显示区域#ct显示h3{字体大小：16px；边距：20px 0 25px；行高：125%；最大宽度：70%；字体重量：normal；}但当我看到实际文件时，这是代码：h3{字体大小：16px；边距：20px 0 25px；行高：125%；}浏览器从何处提取代码？bc它不是实际的文件。我看到字体的重量是正常的？是的，我之前说错了。我最终希望元素不加粗。我希望字体的重量是正常的。但它以前是加粗的，bc它是一个标题。所以我在浏览器工具中使用样式，并添加了“字体重量：正常”对于样式。它立即解决了问题。但现在我想对代码进行永久性更改来修复它，所以更改不仅仅显示在我的网页上。但是由于某种原因，很难看到我在代码bc的实际文件中所做更改的结果“字体重量：正常”我通过dev工具添加的内容现在已经永久存在。在chrome的dev工具中，样式旁边应该显示该样式的来源。例如，.ccs文件的名称。或者如果样式是内联的，则不显示任何内容。是的，样式右侧的文件是一个.scss文件。但是，该.scss文件不会使字体重量正常。但是re是一个.css文件，它确实有“字体重量正常”代码。我猜这个.css文件中的代码实际上是浏览器中加载的内容。即使在新选项卡中也会有更改。我如何使浏览器加载正确的文件？@coderk不是文件路径在chrome url中（上面）-或者您可以删除整个文件（ctrl-x）并查看是否有更改