通过网页查看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 相关文章推荐
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
详解vue组件基础
May 04 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
JS+DIV实现拖动效果
Feb 11 Javascript
vue 实现弹窗关闭后刷新效果
Apr 08 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
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
javascript 正则表达式相关应介绍
2012/11/27 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
JavaScript DOM 对象深入了解
2016/07/20 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
vue如何判断dom的class
2018/04/26 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
2018/05/16 Javascript
Vue 动态组件与 v-once 指令的实现
2019/02/12 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
vue使用swiper.js重叠轮播组建样式
2019/11/14 Javascript
python实现类的静态变量用法实例
2015/05/08 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
三星美国官网:Samsung美国
2017/02/06 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
小学生综合素质评语
2014/04/23 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
小程序实现文字循环滚动动画
2021/06/14 Javascript
详解jQuery的核心函数和事件处理
2022/02/18 jQuery