如何查看当前页面访问到的静态资源

时间:2024-03-30 16:11:44

我合并前后端项目时遇到一些问题,前端页面能访问到,但是样式文件访问不到,这个问题纠结了两天之后实在憋不住了,问了下同事,同事说你用F12 开发者工具查看一下们是否能访问到样式文件


emmmmmmmmm?????


不会啊,厚着脸皮再次请教同事,同事操作一番之后发现问题,是没有访问到样式文件,于是乎我好像发现了问题所在,貌似整合shiro之后静态文件被拦截器拦截了,于是删除拦截所有,改用注解标注在接口上,问题解决,在此感谢我的同事,我上网搜了两天了,各种捣鼓。


我说一下如何用开发者工具查看问题吧


打开F12开发者工具,然后点击Sources如下图

如何查看当前页面访问到的静态资源

Network会显示该页面所用到的静态资源文件,如css,js,图片等

点击相应的文件,右边窗口会显示代码

如何查看当前页面访问到的静态资源

还有一种方式,点击NetWork然后刷新页面

如何查看当前页面访问到的静态资源

如下会显示该页面所访问的资源以及返回的结果

如何查看当前页面访问到的静态资源

这样就可以轻松查看网页有没有访问到相应的静态资源文件了,对了,忘了说了,我用的是谷歌浏览器