CSS正常加载却不生效原因排查

100人浏览 2024-11-27 09:17:41

调试一个小的WEB项目，启动正常，但是样式却不能正常加载，刚开始以为是css文件的路径不对导致的，于是使用浏览器的开发者工具调试跟踪，结果发现样式的路径也正常。

换了几个浏览器，微软的edge,IE，谷歌的Chrome都试了下，都是同样的问题。

于是又各种排查JSP页面，一个不经意间把页面上的

<!DOCTYPE html>

声明给删除掉了，结果刷新页面发现样式正常了，于是就把所有页面的这个声明都删除，测试发现所有的页面也都正常，这让我很疑惑。

上网查了下这个标记的作用，只是让浏览器强制使用w3c标准来解析和渲染页面。可是对比了其他正常的项目，也同样有这个标记，并且也显示正常，就觉得这不应该是问题的所在。于是在继续查，有网友提到由于配置了过滤器Filter，设置content_type导致过这样的问题。

于是我也排查了代码中的过滤器，发现了下面的代码

public void doFilter(ServletRequest request, ServletResponse response,

      FilterChain chain) throws IOException, ServletException {

   response.setContentType(contenttype);

   chain.doFilter(request, response);

}

<filter>

   <filter-name>contenttype</filter-name>

   <filter-class>cn.ContTypeFilter</filter-class>

   <init-param>

      <param-name>contenttype</param-name>

      <param-value>text/html</param-value>

   </init-param>

</filter>