IntelliJ IDEA建立的html文件在浏览器中显示乱码的解决办法

最新推荐文章于 2024-07-28 00:15:00 发布
最新推荐文章于 2024-07-28 00:15:00 发布
阅读量1.5w 收藏 3
点赞数 1
分类专栏： IntelliJ IDEA HTML 文章标签： html IntelliJ IDEA
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w_basketboy24/article/details/8698320
版权

在IntelliJ IDEA中建立html文件后要在文件中添加<meta http-equiv="Content-Type" content="text/html; charset=gb2312">,其中charset=utf-8也行,这样的一段代码来制定其编码格式(本人的IDEA编码格式为utf-8),否则页面显示的是乱码形式,如图:


添加该句代码后页面能够正确显示中文,如图:


还有一种改变乱码的方式是在浏览器中改变一下编码格式,右击-->编码!!!


w_basketboy
关注
专栏目录
一文解决IDEA中文乱码问题
不迁怒，不贰过。小知识，大智慧。
12-07 5021
1、JSP网页页面乱码 2、JSP include 引入文件乱码 3、Java类中导致的网页中文乱码 4、tomcat导致的控制台乱码 5、IDEA导致的控制台乱码
IDEA中 Tomcat Servlet get/post请求 以及浏览器响应的中文乱码
GreyPencil的博客
01-05 963
一、cmd编码为GBK 1. 设置cmd编码为UTF-8 打开cmd，输入CHCP 65001 GBK 编码是936：CHCP 936可以切换回GBK 右键属性，选择Discard Old Duplicate，就可以把默认值设为utf-8了 有可能可以解决Tomcat乱码问题 2. Win10 设置默认编码为UTF-8（beta版） 如果默认还是GBK。就去设置里面，选择region --> Change date, time or number formats -->Administrati
Intellij中Maven项目html页面乱码解决方案
哈
04-18 2282
环境配置 Intellij2021.3.x tomcat9.0.12 html页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中文</title> </head> <body> 好好学习，天天向上！ </body> </html> 部署项目运行效果 解决方案 再
又一款牛逼的数据库连接工具，跨平台必备，支持Windows、macOS、Linux系统（附源码）
m0_68103752的博客
07-28 388
这是jetbrains开发的一款关系数据库和 NoSQL 数据库的多数据库客户端工具，可以30天免费试用，后续使用需要购买。
idea项目html中文乱码解决方案
f_ys2128的博客
08-12 1万+
idea项目html中文乱码以及其他各种中文乱码解决方案 1.html解决乱码 1.在header标签中加入设置编码为utf-8的语句 < meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 2.修改html的编码格式为utf-8不需要无bom格式 可以用记事本，或者其他可以修改编码格式的程序进行修改。 如果仅仅只是html乱码的话，通过以上两个方法就能解决。但是有时不仅仅是html文件本身的问题，也有可能有其他
IDEA环境解决网页中文乱码的问题
wdw18668109050的博客
09-16 2万+
直击现场 解决IDEA环境下，网页中文乱码的问题 给页面上添加mate标签 ...
使用IDEA时关于Tomcat处理HTML请求乱码的问题（通过访问服务器的静态页面F12后响应头里的编码格式都是utf-8了，还是乱码）
weixin_46067095的博客
07-19 951
解决方法在文末，大家可以下滑到底部直接浏览 今天在使用Tomcat访问静态页面时，页面出现乱码问题，各种办法的试了，内心一度处于奔溃的边缘，在外出跑步冷静了一下之后，思路渐渐清晰。 出现乱码后的第一步，肯定是检查编码设置。点击file选择setting，改下面这几个地方。 然后，选择为新建项目设置编码(根据个人需求进行设置即可),进入后依旧如上图位置设置。 至此，IDEA的编码就设置完成了，但是在我启动Tomcat后，HTML页面直接出现乱码，我就想先看看页面的响应头指定的编码格式。直接来
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
10-14
几个月前创建的一个小网站，在重新访问时，发现JavaScript动态生成的HTML元素中的中文出现了乱码，但后台返回的动态中文数据却没有问题。这说明问题可能出在前端JavaScript的编码处理上。 通常，开发者会尝试将所有...
IntelliJIDEA和tomcat部署adminLTE html文件Firefox Developer Edition乱码问题解决
hexiangrong_yss的博客
07-20 929
本地Tomcat 启动，网页端的中文传到后台显示乱码。测试的浏览器版本为Firefox Developer Edition。 按照网上各路大神的解决方案主要设置如下： html页面是否设置了编码格式： &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;   web.xml文件是否有...
IntelliJ IDEA 2018新手入门教程
03-10
本教程旨在帮助初学者快速掌握IntelliJ IDEA 2018.3.2版本的基本使用方法，涵盖软件的安装配置、基础设置、Java SE/Web项目的创建与调试、Maven与Git/SVN集成等方面的内容。 #### 二、下载与安装 1. **下载**: ...
jsp页面显示中文乱码解决.rar
02-17
- **修改IDE设置**：确保开发工具（如Eclipse、IntelliJ IDEA）的文件编码设置为UTF-8，避免源代码保存时产生乱码。 - **服务器配置**：修改服务器的默认编码设置，例如在Tomcat的`server.xml`中配置`URIEncoding=...
解决IDEA 前端返回值乱码问题
weixin_45467625的博客
12-03 1710
问题描述：如图，我在查询前面的输入框输入中文字符时，idea打印出来乱码，而且不能跳转到搜索结果界面。但是我输入ID数字（字符型）就可以正常打印和跳转。
处理不同的请求--设置content-type
laoli360的博客
09-13 6845
content-type的作用 在http协议中，content-type用来告诉对方本次传输的数据的类型是什么。 在请求头中设置content-type来告诉服务器，本次请求携带的数据是什么类型的 在响应头中设置content-type来告诉浏览器，本次返回的数据是什么类型的 通过使用res对象中的setHeader方法，我们可以设置content-type这个响应头。这个响应头的作用是告诉浏览器，本次响应的内容是什么格式的内容，以方便浏览器进行处理。 常见的几种文件类型及
IDEA创建HTML文件中文在浏览器中乱码解决方案
moerduo0的博客
05-29 1294
错误事例 解决方案一 创建文件时选择h5文件 解决方案二 添加 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 解决方案三 修改idea创建文件模板 这样新建的h5文件自带
IDEA乱码解决
热门推荐
andeluomoda的博客
08-02 3万+
相信许多小伙伴在做Web项目的时候都会遇到的一些乱码小问题，突发奇想就写个小总结。
IDEA乱码问题,原因&解决方式
qq_36622479的博客
03-13 1万+
一、前言编码配置原则源码文件用于项目组之间进行版本控制, 一般用UTF-8日志文件可能会用于在各个平台上查看, 一般用UTF-8控制台编码对接你的电脑系统编码, 一般电脑默认是GBK因为我的电脑是Window10默认编码是GBK, 所以我控制台配置主打GBK我的编码配置IDEA中 idea64.exe.vmoptions 中的 -Dfile.encoding 和 -Dconsole.encoding 的相关配置全部去除掉, 使用系统默认GBK即可.
IDEA运行web项目出现乱码问题有效解决（附详细步骤）
qq_43654669的博客
07-24 7195
IDEA运行web项目出现乱码情况有效解决，附详细步骤
idea 乱码 浏览器_IntelliJ IDEA 中文乱码问题解决办法
weixin_39822728的博客
12-20 906
自己最近在使用IntelliJ IDEA，发现总是出现中文乱码的问题，在网上找了很多教程，发现真是“天下文章一大抄”。还不如自己动手试着解决一下。1、编辑器以及调试信息中文乱码问题解决方案：选择：File->settings->Editor->File Encoding然 后在右边IDE Encoding处选择UTF-8,以及Project Encoding 处也选择UTF-8编...
IDEA中HTML页面意想不到的中文乱码
小白有点黑丶的博客
03-05 1万+
记：IDEA中使用Tomcat运行WEB项目，浏览器HTML中文乱码。 1.HTML页面意想不到的中文乱码： 在网上百度了各种解决方式（设置IDEA全局编码、在tomcat配置中添加VM）这里就不再一一举例了，如果你是这样的问题，就不需要往下看了！ 让人意想不到的是。。。 如果你是复制之前其他项目的HTML页面，并且其他方法都对你没有作用！！！ 请将此HTML文件另存为UTF-8编码格式...
idea运行jsp文件中文在页面上显示很奇怪，不是中文如何解决
最新发布
09-11
在IntelliJ IDEA中运行JSP文件并遇到中文显示为乱码的问题，通常需要进行字符集设置以确保正确解析中文字符。你可以按照以下步骤操作： 1. **检查项目设置**: - 确保你的项目的`src/main/webapp`目录下的`web.xml`文件中设置了正确的字符编码。找到`<welcome-file-list>`标签下的`<welcome-file>`元素，将其`content-type`属性设为`text/html; charset=UTF-8`。 ```xml <welcome-file-list> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <!-- ... --> <welcome-file encoding="UTF-8">index.jsp</welcome-file> </welcome-file-list> ``` 2. **配置视图页**: - 打开`File` > `Settings` (Mac: `Preferences`) > `Editor` > `File Encodings`。 - 选择`Page Encoding`，确保这里的编码也是UTF-8，因为这是IDEA用于打开和编辑HTML、JSP等文件的默认编码。 3. **部署服务器设置**: - 如果你在Tomcat或其他应用服务器中部署，确认服务器的`server.xml`文件中`Connector`部分的`encoding`属性也设置为`UTF-8`，例如： ```xml <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8"/> ``` 4. **页面编码声明**: - 在JSP文件的头部添加`<%@ page contentType="text/html;charset=UTF-8"%>`，声明当前页面的字符编码。 5. **清理缓存**: - 有时浏览器缓存可能导致问题，尝试清除浏览器缓存然后重新加载。 完成上述步骤后，你应该能看到正常的中文显示了。如果问题仍然存在，可能是某个环节的编码设置出现了错误，建议检查所有相关的配置文件和连接。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值