网页F12后看到多出了这种css,查看源代码又没有,这是啥情况?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页F12后看到多出了这种css,查看源代码又没有,这是啥情况?相关的知识,希望对你有一定的参考价值。

浏览器F12看到的代码跟右键网页查看源代码其实是不一样的,可以认为f12看到的代码是浏览器对源代码经过解析执行以后的代码。至于你说的看到很多CSS代码而在源代码中有查看不到,那要么是网页引入了外部的CSS文件,或者这些CSS是通过js生成的,源码的js没有执行,你当然就看不到这部分css。 参考技术A 看看你是否在CSS文件里面引用了其它CSS文件!追问

没有啊

追答

你用的什么浏览器在测试,有些浏览器有缓存,所以不准确!

参考技术B 有可能是框架带的CSS样式,比如primefaces 参考技术C 好多标签一起写的样式,就会出现这样的情况

以上是关于网页F12后看到多出了这种css,查看源代码又没有,这是啥情况?的主要内容,如果未能解决你的问题,请参考以下文章

怎样在F12下查看源码和调试网页CSS

火狐浏览器怎么使用f12进行页面调试

实验吧之Forms天网管理系统

0011 开发者工具(chrome)

chrome打开开发者工具(F12)之后看不到请求头信息

谷歌浏览器 F12 css 后面显示的行 为啥消失了?怎么样才能显示?