美文网首页
记一次html文件Safari打开乱码问题解决方法

记一次html文件Safari打开乱码问题解决方法

作者: 菜鸟鹏_ | 来源:发表于2020-04-27 20:20 被阅读0次

2020过完年换了台13.3寸的MBP,用着还是很香的,各种操作都很舒适,快速配置好常用的开发环境与软件,正式替代了坠机堡垒的地位。我之前一直用的浏览器是Chrome,做前端开发调试很舒服,换了新电脑后就一直用着自带的Safari,用着也很方便,主要是跨设备同步网页很爽,就没换。直到有一次我写了一个很简单的html文件,用Safari打开发生了乱码问题……(正片开始)

问题重现

直接上图,嘤嘤嘤~

<!DOCTYPE html>
<html lang="en">
<head>
    <title>测试jquey的ajax方法</title>
</head>
<body>
这是一行字
</body>
</html>
Safari打开乱码

但是同样的文件用Chrome打开就一点问题没有~

解决方法

我现在知道的有两种方法,分别是设置Safari和改动代码

设置Safari文本编码

菜单栏-显示-文本编码-Unicode(UTF-8)

Safari的编码默认是默认编码,emmm,不清楚这个默认到底是个啥东东~

改成伟大的UTF-8就好啦~

Safari默认是默认编码 改成了UTF-8就没问题了

代码head标签中制定编码类型

我前端很菜,这个是一个老师告诉我的hhh,被自己菜醒。

直接在html的head标签里增加meta标签,指定charset属性为UTF-8即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试jquey的ajax方法</title>
</head>
<body>
这是一行字
</body>
</html>

这样写直接用Safari打开也不会乱码啦,以后我写html也会注意一定要加上这个😂,真的是不踩坑就不会养成好习惯~

相关文章

网友评论

      本文标题:记一次html文件Safari打开乱码问题解决方法

      本文链接:https://www.haomeiwen.com/subject/ajguwhtx.html