通过网页查看JS源码中汉字显示乱码的解决方法


Posted in Javascript onOctober 26, 2016

前言

在网页中读取js文件,中文显示正常(比如alert出js文件的中文信息)。但当浏览器查看js文件源代码时,则会看到代码里的中文全是乱码。虽然不影响程序运行,但是在读js文件代码时,会受影响。

前几天在浏览器查看自己写的web代码的时候,发现外联js文件的汉字注释显示为乱码,如下图所示:

通过网页查看JS源码中汉字显示乱码的解决方法

这种瑕疵对于有轻微强迫症+代码洁癖的人来说是不可容忍的

本来还以为是js文件没保存UTF-8格式,又把js文件重新保存了一遍

通过网页查看JS源码中汉字显示乱码的解决方法

可惜,然并卵。。。

不过,最后还是被我找到原因了。

其实这个只是浏览器设置问题,下面以chrome浏览器为例,其他浏览器其实也大同小异

打开浏览器,选择 设置->显示高级设置

通过网页查看JS源码中汉字显示乱码的解决方法

自定义字体

通过网页查看JS源码中汉字显示乱码的解决方法

编码,选择UTF-8

通过网页查看JS源码中汉字显示乱码的解决方法

通过网页查看JS源码中汉字显示乱码的解决方法

点击完成,就大功告成了呢

通过网页查看JS源码中汉字显示乱码的解决方法

总结

以上就是这篇文章的全部内容个,希望这个小技巧能够帮助到大家,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 Javascript
JavaScript 学习历程和心得分享
Dec 12 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
Aug 29 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
angularjs指令之绑定策略(@、=、&)
Apr 13 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
Bootstrap 实现查询的完美方法
Oct 26 #Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 #Javascript
jquery延迟对象解析
Oct 26 #Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 #Javascript
JavaScript实现的微信二维码图片生成器的示例
Oct 26 #Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 #Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 #Javascript
You might like
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
setTimeout和setInterval的深入理解
2013/11/08 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
Jil,高效的json序列化和反序列化库
2017/02/15 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
python实现两个经纬度点之间的距离和方位角的方法
2019/07/05 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
ABOUT YOU罗马尼亚:超过600个时尚品牌
2019/09/19 全球购物
2014年开学第一课活动方案
2014/03/06 职场文书
旅游市场营销方案
2014/03/09 职场文书
活动总结报告格式
2014/05/09 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
企业团队精神心得体会
2016/01/19 职场文书
合作意向书怎么写
2019/06/24 职场文书
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS
vue动态绑定style样式
2022/04/20 Vue.js