問題描述
中文亂碼在Java Web開發中經常出現,這是由于不同的部分編碼不一樣造成的,一般在開發中,我們把所有能設編碼的地方,全部設置成UTF-8,但是有時候還是會出現亂碼的情況。在開發中,一般把js代碼從html中抽出來,放到一個js文件中,js文件中包含中文,在瀏覽器中頁面沒有出現亂碼,一切正常,當我們打開源碼點進js文件,我們發現js文件中的中文注釋和js代碼中的中文全是亂碼。
問題原因
我們沒有告訴瀏覽器,當前的文件使用何種編碼,瀏覽器默認使用的的GBK編碼,但是我們js文件使用的UTF-8的編碼,當然會出現亂碼了,有的同學會問了,為什么頁面沒有出現,那是因為我們在頁面里面加上以下代碼:
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
或者:
<meta charset="utf-8">
這就告訴了瀏覽器,你用UTF-8來渲染這個頁面,我們這個頁面是用UTF-8來編碼的,這個時候就是正常顯示的?;蛘呤窃贘ava代碼中使用下面的代碼:
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。
清除一下瀏覽器緩存,刷新一下,我們發現已經能夠正確的顯示中文了。
說明一下,前提是所有的文件編碼是UTF-8。
以上所述是小編給大家介紹的解決JS外部文件中文注釋出現亂碼問題,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。