解决修改CSS文件后网页显示不生效问题

解决修改CSS文件后网页显示不生效问题


DATE: 2017-09-28 13:22:03

刚开始学CSS,HTML+CSS+Div虽说是上个世纪就有产生的发明,但我却不会。不过,不要紧,学就是了。

问题是这样的:
我编写HTML文件,并调用CSS文件实现布局美化。然后,经常出现明明已经修改过CSS文件 但 HTML页面却并没有产生变化的现象。

怎么办?

CSS语法

作为初学者,首先想到的时自己写错了。所以查找正确的语法,如这一文章中提到的HTML调用CSS管理、美化div,仔细检查,发现语法是OK的。换新的终端或新的浏览器能看到变化。

缓存

既然语法的问题解决了,那么不生效显然就是缓存问题引起的了。
我日常使用Chrome浏览器,因为F12有开发模式,调试检查参数十分方便。
那么,问题来了:

Chome浏览器如何清楚缓存呢?

每次去设置里清除一下历史记录显然是不行的,有没有什么设置可以永久性的解决问题呢?

我找了很久都没有找到。这里,要特别感谢@xiuzhentianting的文章:如何禁用Chrome浏览器的CSS缓存

具体方法我在这里抄录一下:
在开发者模式下(F12进入),打开设置页面(F1),勾选 Disable cache (while DevTools is open)即可。

st=>start: F12
e=>end: 勾选 `Disable cache (while DevTools is open)`
op=>operation: F11
nop=>operation: F12
st->op->nop->e

到这里,我要当了那啥再立一下牌坊,我抄录是因为原贴的题目对于CSS小白来说,并不一定能马上想到是CSS缓存问题引起的。即使想到了,也不一定恰巧就是Chrome用户,所以在这里让再次整理解决方法。

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!