通过网页查看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 相关文章推荐
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
jquery foreach使用示例
Sep 12 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
微信小程序搜索组件wxSearch实例详解
Jun 08 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
javascript canvas实现雨滴效果
Jun 09 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数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
JavaScript XML操作 封装类
2009/07/01 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
jquery 操作两个select实现值之间的互相传递
2014/03/07 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
JSON相关知识汇总
2015/07/03 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
简单的js表格操作
2016/09/24 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
JS常用知识点整理
2017/01/21 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
解决python字典对值(值为列表)赋值出现重复的问题
2019/01/20 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
Django中多种重定向方法使用详解
2019/07/17 Python
django实现模型字段动态choice的操作
2020/04/01 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
英国家用电器购物网站:Hughes
2018/02/23 全球购物
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
汉语专业应届生求职信
2013/10/01 职场文书
退伍老兵事迹材料
2014/01/31 职场文书
亮剑观后感
2015/06/05 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL