通过网页查看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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
Jquery插件写法笔记整理
Sep 06 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
Jun 29 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
JavaScript对象参数的引用传递
Jan 14 Javascript
JavaScript数据结构与算法之链表
Jan 29 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
原生js的RSA和AES加密解密算法
Oct 08 Javascript
JS身份证信息验证正则表达式
Jun 12 Javascript
微信小程序使用gitee进行版本管理
Sep 20 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+jQuery递归调用POST循环请求示例
2016/10/14 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
jQuery.Form上传文件操作
2017/02/05 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
Vue项目路由刷新的实现代码
2019/04/17 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
python批量修改文件编码格式的方法
2018/05/31 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
python字典改变value值方法总结
2019/06/21 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python随机数分布random均匀分布实例
2019/11/27 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
法国春天百货官网:Printemps.com
2020/06/29 全球购物
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
工程业务员岗位职责
2013/12/31 职场文书
科级干部考察材料
2014/02/15 职场文书
电大奖学金获奖感言
2014/08/14 职场文书
商品陈列协议书
2014/09/29 职场文书
党员个人总结范文
2015/02/14 职场文书
vue+echarts实现多条折线图
2022/03/21 Vue.js