IE8 JSON.stringify()的Unicode編碼問題

接獲回報，前幾天釋出的地址輸入輔助元件在IE8上爆炸了，使用loalStorage儲存資料物件的JSON字串時，彈出"記憶體不足"錯誤。

追蹤後，發現問題源於IE8在JSON.stringify()轉換資料物件時，很機車地將中文字元全部換成UCN(Univeral Character Name，即\u1234、\u4e2d這種格式)。用IE Dev Tools即可印證明:

由於地址資料有滿滿的中文，在經過UCN轉換的蹂躪後，大小由1MB爆增到6MB，超出localStorage的容量上限，導致程式錯誤。

轉JSON字串時，應不應該對Unicode文字進行編碼呢? 依據JSON規格: Any UNICODE character except " or \ or control character 都應視為有效字元，故理論上中文字元並不需要Escape處理!

(圖檔來源: http://json.org/)

比較其他瀏覽器的做法:

IE9，沒轉!

IE10，沒轉!

Chrome，沒轉!

Firefox，沒轉!

很好，大家都不轉，就只有IE8會雞婆轉碼是怎樣?? (捏碎滑鼠) 算算這已是IE8原生JSON第三次搗蛋! (前科1、前科2)

暫時想不到更好解法，我的因應之道是用var badJsonStringify = JSON.stringify("中").length > 3;偵測JSON.stringify()是否雞婆把"中"轉成"\u4e2d"，如果是討厭的IE8，就不用原生JSON，改用json2.js提供的JSON.stringify()；但因json2.js偵測有原生JSON物件時會自行迴避，我改了一個json2ext.js版本，將物名更名為JSON2提供服務。解法不怎麼漂亮，但問題有解，待有更好的點子時再改進。

歡迎推文分享:

Published 10 April 2013 03:25 PM 由 Jeffrey Filed under: Javascript, Trouble-Shooting, IE Views: 21,371

# Dennis said on 10 April, 2013 04:02 AM

如果能確保Json Object內容安全的話

用eval也可以直接轉掉

eval("var str = '" + JSON.stringify({"Test":"中文ABC"}) + "';");

alert(str);

# Jeffrey said on 10 April, 2013 09:03 AM

to Dennis, 感謝建議，可惜這個案例需要將物件轉成JSON字串(取代IE8原生JSON的雞婆行為)，eval這招就幫不上忙了。

# xx said on 03 December, 2013 05:36 AM

我拿到一个api返回的json，json内容是中文的unicode。

而在IE8无法正常显示unicode为中文，恼火啊！

有遇到过吗？

# Jeffrey said on 03 December, 2013 05:43 PM

to xx, IE8的原生JSON處理中文邏輯獨樹一格 orz 我建議可取回原始JSON字串(但得先確認取回的中文沒變亂碼)，改用json2.js提供的parse功能解析。

# Charles said on 18 September, 2014 10:18 PM

或者是多繞一圈，把 中文字串先用 encodeURIComponent() 進行 URI 編碼，再把 JSON.stringify() 運算的結果，用 decodeURIComponent() 進行 URI 解碼

# Will said on 19 March, 2015 04:05 AM

try{

if(JSON.stringify('中').length > 3){

  delete JSON;

}

}catch(ex){

}

# niq said on 23 October, 2015 04:37 AM

// 这样ok?

if(JSON.stringify('中’) > 3) {

   JSON.stringifyie8 = JSON.stringify;

   JSON.stringify = function(0) {

       eval("var rfx = '" + JSON.stringifyie8(o) + "';");

       return rfx;

   }

}

你的看法呢?

標題 (必要的) 

姓名 (必要的) 

你的URL (選擇性的)

意見 (必要的) 

Remember Me?

(提醒: 因快取機制，您的留言幾分鐘後才會顯示在網站，請耐心稍候)

CAPTCHA / 驗證碼 :

5 + 3 =

搜尋