通过网页查看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 相关文章推荐
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
JQuery学习总结【一】
Dec 01 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
Sep 05 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
详解element-ui中form验证杂记
Mar 04 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 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学习笔记之三 数据库基本操作
2011/01/17 PHP
PHP引用(&)各种使用方法实例详解
2014/03/20 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
php7下的filesize函数
2019/09/30 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
node.js中的fs.readlink方法使用说明
2014/12/17 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
面试常见的js算法题
2017/03/23 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
浅析Node.js非对称加密方法
2018/01/29 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
2018/02/27 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
Python的一些用法分享
2012/10/07 Python
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
详解Canvas事件绑定
2018/06/27 HTML / CSS
vivo智能手机官方商城:vivo
2016/09/22 全球购物
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
方正Java笔试题
2014/07/03 面试题
医药营销专业个人自荐信
2013/09/29 职场文书
酒吧副总经理岗位职责
2013/12/10 职场文书
高中毕业自我评价
2014/02/08 职场文书
MySQL优化之慢日志查询
2022/06/10 MySQL