问题场景:

在xx.js中导入common.css文件

<link href="/static/bootstrap/css/dashboard.css" rel="stylesheet">

在common.css中包含

.uneditable {background-color:#9d9d9d;}

但是实际页面中未起效

 

分析:

1 首先,引入的文件格式没有明显错误

2 F12在浏览器中进行检查,Console没有任何错误打印

这就排除了 引入文件路径问题/引入文件因格式问题没有被当作css文件进行处理的问题

JS中加载CSS无效问题

3 在Sources中翻到了页面导入的依赖文件及其结构,发现common.css文件是有正常导入的,只是没有更新

JS中加载CSS无效问题

这样问题指向就比较清楚了,导入加载没有问题,浏览器的缓存类的内容使得页面资源没有更新

4 chrome下页面cache的控制

JS中加载CSS无效问题

 

相关文章: