关于如何解决IDEA中修改HTML或CSS，但是服务器上的HTML却不改变的问题

最新推荐文章于 2025-03-18 10:57:51 发布
最新推荐文章于 2025-03-18 10:57:51 发布
阅读量8.1k 收藏 59
点赞数 15
分类专栏： 问题解决栏 文章标签： idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53089923/article/details/125480340
版权

首先这是记录我个人在IDEA上的做web项目被坑出来的经验，有时候你修改了那么多CSS却没有效果 很可能是IDEA的问题，不是你的问题

事先声明 我用的是tomcat服务器 ，css放在webapp下的css文件夹，html放在webapp下的page文件夹，浏览器选择谷歌

1.方法一：直接关闭tomcat服务器，关闭IDEA,重启IDEA，看是否还有问题

2.方法二：删除target文件夹，重启tomcat服务器

 3.方法三（这个也是UP认为最有用的方法，这竟然是我个人在做项目中试出来的）

实例解释一下：

此时我有一个html 我想在一下页面修改一下背景颜色 就改为蓝色吧 

 

按道理这样的话背景颜色应该是蓝色才对，但是tomcat服务器上的HTML却显示这样

 这个时候我们鼠标右键点击界面，选择查看网页源代码（可以使用快捷键Ctrl+U）

我们可以看到网页源代码里面实际并没有修改body里面的属性 这才是导致你修改无效的根本原因

 这个时候我们刷新这个源代码界面

 再打开原来的界面刷新 就修改成功了（如果这样还不超过，就删除target文件夹，重启服务器）

如果成功了 那么一定是源代码界面里的代码添加上了

如果失败了 那么一定是源代码界面里的代码添加失败，建议多打开源代码界面反复刷新，再重新打开原界面

 对于CSS有点类似，由于我的CSS代码是放在css目录下的，我通过网页的形式查看（如下）

假如我现在要访问add_address.css文件 那么我可以在网页端查看

 ​​​​​​

 

 在这里附上我tomcat的配置

 

 

 

 刷新add_address.css文件（在网页上操作）这样就生效了（大概率对比网页端的css文件和你亲自写的css文件，会发现就是IDEA认不出你css的变化，刷新一下就还原上了）

 其他一些离谱方法：

你再复制一份一的文件 例如我的add_address还是有问题 再复制一份 把复制的这份在网页端上查看一下 可不可以满足预期效果（重点看源代码是不是和你IDEA里写的一样）

 

 

Intellji Idea的tomcat项目修改代码后无效的问题
m0_43435611的博客
12-16 3221
最近在做一个maven项目，spring+mybatis，配置到tomcat上，另外还有gihub版本管理。出现了一些问题。 将登录方法的method从Get改为Post，再次运行，用postman测试，显示Post方法不支持，Get方法仍能运行。 写好mapper里的sql语句，运行报错，Invalid bound statement (not found): 后跟mapper接口的方法名，大意就是通过接口找不到mapper.xml里面的sql语句。 这两个问题都可以归结为idea更改代码后重启项目更改.
HTML+CSS+JS+Jquery面试题
小落的博客
07-20 1265
HTML+CSS+JS+Jquery面试题 1、CSS中 link 和@import 的区别 Link属于HTML标签，@import是css提供的，只能用来加载css 页面加载时link会同时加载，@import引用的css会在页面加载完加载 Link没有兼容问题 Link的权重高于@import 当使用js控制 DOM 去改变样式的时候，只能使用 link 方式 2、请列举设置和获取HTML、文本和值的方法 1)Html()方法：类似于JS中的innerHtml属性，可以用来读取或设置某个元素的HTML
使用IDEA编写HTML页面，更改js或css后页面无变化
Ryan_202297的博客
07-04 1037
当我们在使用IDEA进行前端页面开发时，经常会遇到需要修改前端页面的情况，但是在修改了与页面绑定的js或css文件后，刷新页面发现页面并没有变化。
SSM项目 在idea中修改前端，浏览器没反应
weixin_59339039的博客
03-18 178
SSM项目 在idea中修改前端，浏览器没反应，如何解决
关于在Idea里面修改html代码后，打开网页没改变的问题
热门推荐
ShineLola1a的博客
08-31 1万+
在用idea时候修改HTML代码或者把HTML文件js文件css文件以及图片拷贝到其他项目下时候，打开页面不能显示正确的样子，所以在网上查找了资料发现可以用下面步骤解决这个问题。 1.拷贝文件到其他项目时候先注意路径问题。 2.看下下面步骤需要打勾的地方。 第一步：打开idea的设置： 第二步：点击进入设置里面的(Build）看到（Compiler） 在旁边勾选（Build project automatically） 第三步：按快捷键Ctrl+Shift+Alt+/进入一个界面打开第一..
idea html页面修改不生效
lihongqing61_的博客
01-30 1万+
1. Setting配置   2. Registry ctrl+alt+shift+’/’ 弹出框选择如下，勾选即可 3. 修改配置文件   spring: thymeleaf: cache: false # 禁用缓存 mode: LEGACYHTML5 # 非严格型检查 默认是html 严格检查 4. 如果还未生效 手动 Ctrl + F9...
关于ideal中修改了css文件后，重新加载html页面，样式却没变的问题
2303_81226040的博客
05-26 675
解决css样式更改后没有效果的问题
IDEA中修改html页面后在浏览器不生效的解决方法
AKAHugo的博客
08-09 3425
IDEA中修改html页面后在浏览器不生效的解决方法
HTML页面自动清理js、css文件的缓存（自动添加版本号）
12-13
在Web开发中，确保用户能够及时获取到最新的CSS和JavaScript文件是至关重要的。然而，由于浏览器的缓存机制，更新后的文件可能不会立即展现给用户，导致他们看到的仍然是旧的页面状态。为了解决这个问题，开发者通常...
酒店管理系统（html、js、css、dom）
01-14
在酒店管理系统中，DOM操作是必不可少的，例如，通过`document.getElementById()`或`document.querySelector()`选择特定元素，然后改变其属性（如文本内容、样式或事件监听器）；使用`appendChild()`和`removeChild...
web前端基础html,css,js,jquery
weixin_57619565的博客
08-04 2146
目录 1 前端技术： 1.1 学习方法 1.1.1 前端要怎么学？ 1.1.2 前端技术栈 1.2 HBuilderX 1.2.1 介绍 1.2.2 安装 1.2.3 主题 1.2.4 字体 1.2.5 去掉px转rem提示 1.2.6
vue element-ui修改样式失败，在idea中改了背景图片重新运行但是前端浏览器代码f12查看还是和之前的一样没有改变
最新发布
03-25
当你在IDEA中修改了背景图片，并重新运行程序之后，发现浏览器端F12检查工具看到的内容并没有变化，这种情况可能是由缓存机制引起的。 ### 原因分析及解决方案 #### 1. **浏览器缓存问题** 浏览器为了加速加载...
网页开发中明明更改了界面的HTML代码,但Chrome显示的内容却没有改变怎么办？
weixin_43356308的博客
04-10 4975
这个问题困扰了自己很久，明明自己已经修改了网页的HTML代码，用Tomcat重新运行，在Chrome中打开，显示的却仍然是自己未更改代码前的HTML界面。 但是自己把网址放进Eclipse内置浏览器中,显示的就是自己改过了的HTML界面。 后来偶然的灵感，觉得可能是Chrome的缓存造成的。 就尝试着删除Chrome中的缓存后，启动Tomcat运行自己的HTML。 结果Chrome里的HTML的内容也改变成了最新改过的内容了。o(￣▽￣)ブ 所以分享一下Chrome清理缓存的步骤，如下： ...
IDEA中Web项目修改代码后重新部署html页面没变化
m0_46977298的博客
05-16 334
今天被IDEA坑的不浅直接说一下问题：这是html页面不管我怎么修改重启服务器在浏览器中还是一点都不变化，甚至把一些内容都删了都没有变化，target可执行文件是最新的没问题，找了点资料发现是浏览器的缓存的问题，换个浏览器打开一看如下：
IDEA：更改html代码页面没有更新【及】request.getParameter(“name“)返回值为null的问题
m0_61067829的博客
03-23 4276
都是浏览器缓存！！
修改项目html代码，但是刷新页面没变化
热衷开源的Boy
08-12 2587
解决办法 step1:启动自己的虚拟环境； source activate step2:杀掉所有进程（如果你的服务器有超过一个项目最好去网上找别的方法，killall太强势了，你懂得。。。）； killall -9 uwsgi step3:重新启动xml：进入项目根目录 uwsgi -x myblog_1.xml #记得换成自己的项目名 原博客 ...
解决：Tomcat运行后,IDEA的html修改后网页不刷新，重启服务器项目rebuild也无济于事
Henry13133333的博客
05-24 3270
解决：Tomcat运行后,IDEA的html修改后网页不刷新，重启服务器项目rebuild也无济于事
idea修改前端代码浏览器页面不生效
彭佼的博客
03-27 1万+
在开发springboot项目时，启动了项目，修改了前端html页面代码，但是浏览器中并不能实时加载修改的内容。 解决方法如下： 1.依次点击操作file->Settings->Build,Execution,Deployment->Compiler，勾选上Build project automatically 2.按快捷键：Ctrl+Shift+Alt+/，勾选下图红框中的部分 3.上述两部操作完成后，重启idea即可。 ...
html修改后页面不更新
YfaWu的博客
04-30 3093
因此，在开发和测试阶段建议关闭Thymeleaf缓存。无法查看最新的修改：如果你在开发过程中对模板文件进行了修改，但是Thymeleaf没有关闭缓存，则你无法立即看到修改后的结果。页面无法及时更新：Thymeleaf默认启用缓存，如果不关闭缓存，则页面内容可能会被缓存起来，导致页面无法及时更新。记录一下自己之前修改前端代码中遇到的问题，html中的代码进行修改但是页面没有及时更新。测试困难：由于页面内容被缓存起来，测试人员很难快速地测试页面效果。
idea中 java项目使用servlet编写网页字体，如何将字体颜色改成红色，要求不使用html代码
10-12
在IntelliJ IDEA中创建Java项目并使用Servlet编写网页时，如果你想动态改变字体颜色而不直接嵌入HTML代码，你可以通过Java的DOM (Document Object Model) 操作来修改页面内容。以下是一个简单的步骤： 1. 创建一个Servlet，比如`MyServlet.java`，并继承自`HttpServlet`： ```java import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.w3c.dom.*; import java.io.IOException; public class MyServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 页面生成逻辑 String content = "<p>这里是你想渲染的文本</p>"; // 示例文字 Document doc = getDocumentFromString(content); // 获取文档中的第一个段落元素 Element paragraph = doc.getDocumentElement().getElementsByTagName("p").item(0); // 修改字体颜色为红色 Node styleNode = doc.createElement("style"); String cssRule = ".red-font { color: red; }"; styleNode.appendChild(doc.createTextNode(cssRule)); doc.head.appendChild(styleNode); // 添加到头部，应用全局 paragraph.setAttribute("class", "red-font"); // 或者直接在这里设置元素样式 // 将处理后的DOM结构转换回HTML字符串 String modifiedContent = docToString(doc); response.setContentType("text/html"); response.getWriter().print(modifiedContent); } private Document getDocumentFromString(String html) { try { InputSource inputSource = new InputSource(new StringReader(html)); DocumentBuilderFactory dbFactory = DocumentBuilderFactory.newInstance(); DocumentBuilder dBuilder = dbFactory.newDocumentBuilder(); return dBuilder.parse(inputSource); } catch (Exception e) { e.printStackTrace(); return null; } } private String docToString(Document doc) { Transformer transformer = TransformerFactory.newInstance().newTransformer(); DOMSource source = new DOMSource(doc); StreamResult result = new StreamResult(new StringWriter()); transformer.transform(source, result); return result.getWriter().toString(); } } ``` 当你访问这个Servlet时，如`http://localhost:8080/your-app/MyServlet`，文字将会显示为红色。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值