通过网页查看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构建JSON格式字符串实现步骤
Mar 22 Javascript
常用的几段javascript代码分享
Mar 25 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
基于vue.js无缝滚动效果
Jan 25 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 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开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
PHP模糊查询技术实例分析【附源码下载】
2019/03/07 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
js css后面所带参数含义介绍
2013/08/18 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
详解JS模块导入导出
2017/12/20 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
Django框架实现逆向解析url的方法
2018/07/04 Python
浅谈python标准库--functools.partial
2019/03/13 Python
Python Image模块基本图像处理操作小结
2019/04/13 Python
python+selenium 点击单选框-radio的实现方法
2019/09/03 Python
tensorflow 环境变量设置方式
2020/02/06 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
基于python 取余问题(%)详解
2020/06/03 Python
python3.9实现pyinstaller打包python文件成exe
2020/12/13 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
Linux的主要特性
2016/09/03 面试题
医学实习生自我鉴定
2013/12/12 职场文书
工作经历证明书范文
2014/11/02 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
研究生导师推荐信
2015/03/25 职场文书
优秀家长事迹材料(2016推荐版)
2016/02/29 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang