关于myeclipse中html浏览器打开出现乱码问题分析

"本文介绍了在MyEclipse2017中新建HTML页面时遇到的浏览器显示乱码问题。尽管在meta标签中设置了UTF-8编码,浏览器仍然以GBK解析页面。通过检查浏览器控制台发现document.charset仍为GBK。解决方案是在HTML头部添加明确的字符集声明`<meta charset="UTF-8">`,从而使浏览器正确解析为UTF-8,解决了乱码问题。"
摘要由CSDN通过智能技术生成

一、环境和问题

1、环境

myeclipse2017 Stable 2.0,其他环境版本有类型问题,同理

2、遇到问题

在myeclipse中,新建网页html,设置了utf-8,但是还是出现了浏览器显示乱码的问题。

<!DOCTYPE html>
<html>
  <head>
    <title>Test.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    我是乱码的测试<br>
  </body>
</html>

上方是myeclipse创建自动生成的代码,可见charset=UTF-8,明明设置了编码可是还是出现下方乱码情况。
在这里插入图片描述

二、问题分析及解决方法

首先在在浏览器中按f12,到控制台输入document.charset,查看当前浏览器以什么编码解析html
在这里插入图片描述可以看到还是gbk,说明之前设置编码没有生效。并且发现html文件的格式也是utf-8,可见原因出自浏览器并没有正确解析html。
在这里插入图片描述

然后我重新搜了html设置编码的格式,添加如下代码html中,就无乱码了。
在这里插入图片描述
显示中文,并且当前网页可以按照我指定的编码utf-8解析

在这里插入图片描述
具体为什么默认生成的代码设置编码无效,我也不知道,如果有知道的小伙伴,欢迎评论告诉我。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值