通过网页查看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中获取请求的URL参数
Dec 22 Javascript
浅谈JavaScript 框架分类
Nov 10 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
angular学习之ngRoute路由机制
Apr 12 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
Element Input组件分析小结
Oct 11 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
使用layer弹窗,制作编辑User信息页面的方法
Sep 27 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 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/03 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
php适配器模式简单应用示例
2019/10/23 PHP
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
python语言中有算法吗
2020/06/16 Python
苹果美国官方商城:Apple美国
2016/08/24 全球购物
标记环介质访问控制协议
2016/03/27 面试题
2013年军训通讯稿
2014/02/05 职场文书
教师产假请假条范文
2014/04/10 职场文书
差生评语大全
2014/05/04 职场文书
食品安全处置方案
2014/06/14 职场文书
服务行业演讲稿
2014/09/02 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
800字作文之大雪
2019/12/04 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers