網頁亂碼原理

標籤：tor   技術分享   解碼   charset   har   沒有   亂碼問題   str   百度   

做部落格項目中遇到瀏覽器的參數提交到伺服器產生亂碼現象，於是對亂碼問題一探究竟。

1、網頁亂碼是怎麼發生的

為了搞清楚，這個網頁亂碼可能出現的情況，我把網頁的chaset,檔案的編碼方式和response的編碼格式都作為變數來測試。結果如下：

 

由此我斷定，網頁的編碼方式和解碼方式一樣的時候，才不會出現亂碼現象。而瀏覽器的解碼方式response的header設定的charset  >  meta charset。

2、瀏覽器給伺服器傳參亂碼

瀏覽器給伺服器傳參亂碼，有可能是瀏覽器在傳給伺服器之前就亂碼了，也有可能是傳給伺服器，然後伺服器的解碼方式和傳過來的參數的編碼不一致導致的亂碼；

 伺服器解碼方式不一致，伺服器需要加一個攔截器進行解碼。

但是為什麼，會在傳給伺服器之前就亂碼呢。比如我使用百度的ueditor，在頁面是gbk的環境下，上傳圖片，圖片的名字是中文，就會出現filename欄位在還沒上傳到伺服器的時候就亂碼了；但是，如果頁面環境是utf-8的時候，就不會出現這樣的問題。

我猜是瀏覽器瀏覽網頁，該網頁是以什麼編碼解析的，就會以什麼編碼去解析它需要讀取的檔案，而且是它的變數在記憶體中也是以這種編碼儲存的（如果不用js設定變數的編碼方式的話；實際上我不知道有沒有方法可以用js轉換傳過去伺服器的變數的編碼方式，如果有歡迎告知），當遇到這種編碼不支援的字元的時候，就亂碼了，這個時候還沒發送到伺服器。

再比如一個，gbk的網頁，引入了編碼方式為utf-8的js檔案，這個js裡面的中文就會出現亂碼。

 

網頁亂碼原理