通过网页查看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 相关文章推荐
让你的网站可编辑的实现js代码
Oct 19 Javascript
Jquery插件写法笔记整理
Sep 06 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
讲解vue-router之什么是动态路由
May 28 Javascript
vue表单自定义校验规则介绍
Aug 28 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
Vue 中使用 typescript的方法详解
Feb 17 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
php Rename 更改文件、文件夹名称
2011/05/24 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
2010/08/26 Javascript
jQuery学习笔记之jQuery的事件
2010/12/22 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
如何编写jquery插件
2017/03/29 jQuery
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
TensorFlow的权值更新方法
2018/06/14 Python
详解Python安装scrapy的正确姿势
2018/06/26 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
企业元宵节主持词
2014/03/25 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书