通过网页查看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 相关文章推荐
javascript中节点的最近的相关节点访问方法
Mar 20 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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 adodb连接mssql解决乱码问题
2009/06/12 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP数据库操作三:redis用法分析
2017/08/16 PHP
jsTree树控件(基于jQuery, 超强悍)[推荐]
2009/09/01 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
2017/01/11 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
Python中的map、reduce和filter浅析
2014/04/26 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
简单谈谈Python的pycurl模块
2018/04/07 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python2使用bs4爬取腾讯社招过程解析
2019/08/14 Python
python中p-value的实现方式
2019/12/16 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
关于打架的检讨书
2014/01/17 职场文书
会计学自我鉴定
2014/02/06 职场文书
股权转让协议书
2014/04/12 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
整脏治乱工作简报
2015/07/21 职场文书