解決JS外部文件中文注釋出現(xiàn)亂碼問題

更新時間：2017年07月09日 09:43:05 作者：lovexieyuan520

中文亂碼在Java Web開發(fā)中經常出現(xiàn)，這是由于不同的部分編碼不一樣造成的，一般在開發(fā)中，我們把所有能設編碼的地方，全部設置成UTF-8，但是有時候還是會出現(xiàn)亂碼的情況。下面通過本文給大家分享JS外部文件中文注釋出現(xiàn)亂碼的解決方案，一起看看吧

問題描述

中文亂碼在Java Web開發(fā)中經常出現(xiàn)，這是由于不同的部分編碼不一樣造成的，一般在開發(fā)中，我們把所有能設編碼的地方，全部設置成UTF-8，但是有時候還是會出現(xiàn)亂碼的情況。在開發(fā)中，一般把js代碼從html中抽出來，放到一個js文件中，js文件中包含中文，在瀏覽器中頁面沒有出現(xiàn)亂碼，一切正常，當我們打開源碼點進js文件，我們發(fā)現(xiàn)js文件中的中文注釋和js代碼中的中文全是亂碼。

問題原因

我們沒有告訴瀏覽器，當前的文件使用何種編碼，瀏覽器默認使用的的GBK編碼，但是我們js文件使用的UTF-8的編碼，當然會出現(xiàn)亂碼了，有的同學會問了，為什么頁面沒有出現(xiàn)，那是因為我們在頁面里面加上以下代碼：

<meta content="text/html; charset=UTF-8" http-equiv="content-type">

或者：

<meta charset="utf-8">

這就告訴了瀏覽器，你用UTF-8來渲染這個頁面，我們這個頁面是用UTF-8來編碼的，這個時候就是正常顯示的。或者是在Java代碼中使用下面的代碼：

response.setContentType("text/html;charset=UTF-8");

這也是相當于告訴瀏覽器，當前使用的UTF-8編碼。

解決方案

聰明的同學已經想到了，我們要告訴瀏覽器，當前文件的編碼格式，在頁面中，我們可以使用上面的三種方式來告訴瀏覽器當前頁面的編碼，但是在js文件中，使用不了。咋辦？其實很簡單，我們可以在web.xml中，使用一個過濾器，來對所有的的響應設置編碼格式為UTF-8：

<filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

上面的過濾器，對所有的請求響應設置的編碼為UTF-8。

清除一下瀏覽器緩存，刷新一下，我們發(fā)現(xiàn)已經能夠正確的顯示中文了。

說明一下，前提是所有的文件編碼是UTF-8。

以上所述是小編給大家介紹的解決JS外部文件中文注釋出現(xiàn)亂碼問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章: