编程 Javascript

通过网页查看JS源码中汉字显示乱码的解决方法

Posted in Javascript onOctober 26, 2016

前言

在网页中读取js文件，中文显示正常（比如alert出js文件的中文信息）。但当浏览器查看js文件源代码时，则会看到代码里的中文全是乱码。虽然不影响程序运行，但是在读js文件代码时，会受影响。

前几天在浏览器查看自己写的web代码的时候，发现外联js文件的汉字注释显示为乱码，如下图所示：

这种瑕疵对于有轻微强迫症+代码洁癖的人来说是不可容忍的

本来还以为是js文件没保存UTF-8格式，又把js文件重新保存了一遍

通过网页查看JS源码中汉字显示乱码的解决方法

可惜，然并卵。。。

不过，最后还是被我找到原因了。

其实这个只是浏览器设置问题，下面以chrome浏览器为例，其他浏览器其实也大同小异

打开浏览器，选择设置->显示高级设置

通过网页查看JS源码中汉字显示乱码的解决方法

自定义字体

通过网页查看JS源码中汉字显示乱码的解决方法

编码，选择UTF-8

通过网页查看JS源码中汉字显示乱码的解决方法

点击完成，就大功告成了呢

通过网页查看JS源码中汉字显示乱码的解决方法

总结

以上就是这篇文章的全部内容个，希望这个小技巧能够帮助到大家，如果有疑问大家可以留言交流。

通过网页查看JS源码中汉字显示乱码的解决方法

- Author -

JulyChen

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图

Jan 23 Javascript

JavaScript实现数组随机排序的方法

Jun 26 Javascript

Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值

Mar 23 Javascript

微信JSAPI支付操作需要注意的细节

Jan 10 Javascript

node通过npm写一个cli命令行工具

Oct 12 Javascript

详解使用vue-cli脚手架初始化Vue项目下的项目结构

Mar 08 Javascript

VUE+Element UI实现简单的表格行内编辑效果的示例的代码

Oct 31 Javascript

webpack 开发和生产并行设置的方法

Nov 08 Javascript

layui之table checkbox初始化时选中对应选项的方法

Sep 02 Javascript

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能

Nov 12 Javascript

浅谈JavaScript中的“!!”作用

Aug 03 Javascript

Vue使用v-viewer实现图片预览

Oct 21 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/08/08 PHP

thinkphp缓存技术详解

2014/12/09 PHP

php批量添加数据与批量更新数据的实现方法

2014/12/16 PHP

添加JavaScript重载函数的辅助方法2

2010/07/04 Javascript

jQuery的图片滑块焦点图插件整理推荐

2014/12/07 Javascript

简介AngularJS中使用factory和service的方法

2015/06/17 Javascript

基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合

2016/08/11 Javascript

浅析JS中回调函数及用法

2018/07/25 Javascript

详解Vue CLI3 多页应用实践和源码设计

2018/08/30 Javascript

微信网页登录逻辑与实现方法

2019/04/29 Javascript

JavaScript：ES2019 的新特性(译)

2019/08/08 Javascript

[02:29]完美世界高校联赛上海赛区回顾

2015/12/15 DOTA

python提示No module named images的解决方法

2014/09/29 Python

按日期打印Python的Tornado框架中的日志的方法

2015/05/02 Python

Python基于Tkinter实现的记事本实例

2015/06/17 Python

浅谈Python 中整型对象的存储问题

2016/05/16 Python

实例探究Python以并发方式编写高性能端口扫描器的方法

2016/06/14 Python

Python入门_浅谈数据结构的4种基本类型

2017/05/16 Python

对python中使用requests模块参数编码的不同处理方法

2018/05/18 Python

python实现生成字符串大小写字母和数字的各种组合

2019/01/01 Python

python变量赋值方法(可变与不可变)

2019/01/12 Python

django中ORM模型常用的字段的使用方法

2019/03/05 Python

python使用正则来处理各种匹配问题

2019/12/22 Python

Python3搭建http服务器的实现代码

2020/02/11 Python

django处理select下拉表单实例(从model到前端到post到form)

2020/03/13 Python

解决python中0x80072ee2错误的方法

2020/07/19 Python

国外平面设计第一市场：99designs

2016/10/25 全球购物

德国机车企业：FC-Moto

2017/10/27 全球购物

英国医生在线预约：Top Doctors

2019/10/30 全球购物

党支部群众路线整改措施思想汇报

2014/10/10 职场文书

乡镇党的群众路线教育实践活动个人整改方案

2014/10/31 职场文书

2014年宣传部工作总结

2014/11/12 职场文书

工作检讨书大全

2015/01/26 职场文书

Android Flutter实现3D动画效果示例详解

2022/04/07 Java/Android

在MySQL中你成功的避开了所有索引

2022/04/20 MySQL

Apache Hudi 加速传统的批处理模式

2022/04/24 Servers