通过网页查看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 如果改变span标签的是否隐藏属性
Oct 06 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
Mar 14 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
vue实现拖拽进度条
Mar 01 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
在数据量大(超过10万)的情况下
2007/01/15 PHP
php Try Catch异常测试
2009/03/01 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
bootstrap table小案例
2016/10/21 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
Pytorch 实现权重初始化
2019/12/31 Python
五种Python转义表示法
2020/11/27 Python
adidas美国官网:adidas US
2016/09/21 全球购物
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
开工典礼策划方案
2014/05/23 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
销售员态度差检讨书
2014/10/26 职场文书
出国签证在职证明范本
2014/11/24 职场文书
环保守法证明
2015/06/24 职场文书
聘任书格式及范文
2015/09/21 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
导游词之安徽九华山
2019/09/18 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
vue使用element-ui按需引入
2022/05/20 Vue.js