网页网站您现在的位置是:首页 > 博客日志 > 网页网站

Chrome浏览器查看js文件乱码的问题解决方法

<a href='mailto:'>微wx笑</a>的头像微wx笑2020-06-04 07:57:47网页网站人已围观关键字: Chrome  浏览器  js  乱码  

调试js的时候,有时需要在新窗口中打开js文件,强制刷新查看是否加载了最新的版本;虽然js文件是使用UTF-8的编码,但是Chrome浏览器中显示的js文件却是乱码。

调试js的时候,有时需要在新窗口中打开js文件,强制刷新查看是否加载了最新的版本;虽然js文件是使用UTF-8的编码,但是Chrome浏览器中显示的js文件却是乱码。8Ye编程技术_踩坑日志_进阶指南_无知人生


8Ye编程技术_踩坑日志_进阶指南_无知人生

解决这个问题有两个方法,一个是从服务器端着手,一个是从客户端着手。8Ye编程技术_踩坑日志_进阶指南_无知人生

一、服务器端

基于 nginx 配置文件通过使用add_header 指令来设置 response header8Ye编程技术_踩坑日志_进阶指南_无知人生

具体方法如下:8Ye编程技术_踩坑日志_进阶指南_无知人生

add_header key value
8Ye编程技术_踩坑日志_进阶指南_无知人生

         location ~* .(js)$ {
             add_header  Content-Type 'text/javascript;charset=utf-8';
         }

二、客户端

在最新版的chrome浏览器无法设置网页编码,那么我们想要修改网页编码的时候怎么办呢?可以通过安装插件的方法来实现,下面我们就来看看解决这个问题的方法吧。8Ye编程技术_踩坑日志_进阶指南_无知人生

我们需要安装扩展程序来解决问题。你可以访问Chrome网上应用店(可能还访问不了,需要安装谷歌访问助手),在这里输入set character encoding进行搜索,搜索到之后安装就可以了。8Ye编程技术_踩坑日志_进阶指南_无知人生

image.png8Ye编程技术_踩坑日志_进阶指南_无知人生


8Ye编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()