通过网页查看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:以前写的xmlhttp池,代码
May 18 Javascript
jQuery学习笔记之创建DOM元素
Jan 19 Javascript
JS实现的论坛Ajax打分效果完整实例
Oct 31 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
Javascript数组方法reduce的妙用之处分享
Jun 10 Javascript
Vue中keep-alive的两种应用方式
Jul 15 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
php实现简单四则运算器
2020/11/29 PHP
extjs form textfield的隐藏方法
2008/12/29 Javascript
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
2015/11/02 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
用Python制作简单的钢琴程序的教程
2015/04/01 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python每天定时运行某程序代码
2019/08/16 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
Python中常用的高阶函数实例详解
2020/02/21 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
波兰购物网站:MALL.PL
2019/05/01 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
综合素质的自我鉴定
2013/10/07 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
超市端午节活动方案
2014/01/23 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
读鲁迅先生的经典名言
2019/08/20 职场文书
如何使用flask将模型部署为服务
2021/05/13 Python
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB