通过网页查看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 相关文章推荐
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
解析javascript中鼠标滚轮事件
May 26 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
BootStrap表单控件之文本域textarea
May 23 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
vue实现简单loading进度条
Jun 06 Javascript
openlayers4.6.5实现距离量测和面积量测
Sep 25 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会员权限控制实现原理分析
2011/05/29 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
js常用函数 不错
2006/09/08 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
Vue组件化开发思考
2018/02/02 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
python3库numpy数组属性的查看方法
2018/04/17 Python
10款最好的Python开发编辑器
2019/07/03 Python
利用Python检测URL状态
2019/07/31 Python
python批量处理文件或文件夹
2020/07/28 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
公司薪酬管理制度
2014/01/31 职场文书
冰淇淋开店创业计划书
2014/02/01 职场文书
优秀教师的感人事迹
2014/02/04 职场文书
学生生病请假条范文
2014/02/16 职场文书
美食节目策划方案
2014/05/31 职场文书
爬山的活动方案
2014/08/16 职场文书
年度考核表个人总结
2015/03/06 职场文书
于丹讲座视频观后感
2015/06/15 职场文书