對于一個IE8兼容性問題的反思

近期做了一個需求，功能非常easy，把用戶的優惠券數量讀取出來，然后顯示到“用戶中心”上。開發完畢后。別的瀏覽器正常。可是到IE8上就不行了。并且，按下F12之后，就又能夠載入出來了。

首先，找了前端人員，看了看，沒有找到原因，她懷疑是腳本沖突，只是忙了半天，還是沒有搞定。

其次，換瀏覽器，來回折騰。

最后，思考了一下，在加這個功能之前，數據也是那樣子讀取的，用ajax請求后臺數據，然后寫入到頁面的指定標簽中，那么為何自己加了一個類似的數據 就不行了呢？ 于是，alert了前后的參數。最后發現，在迭代的那一步。alert失效了。可是在console.log()代碼之前，是能夠的，會不會是這個函數的影響呢？果不其然，去掉console.log()之后。恢復了正常！

代碼例如以下：

			$(document).ready(function(){$.ajax({ url: "/ucenter/getAccountByUserId.action", type: "POST",success : function(data) {var json = eval('(' + data + ')');$.each(json, function (key, value) {if(data != "" && data != null){$("#em_account").html("￥" + (value.account).toFixed(2));$("#em_backCount").html("￥" + (value.backCount).toFixed(2));$("#em_freezeBackCount").html("￥" + (value.freezeBackCount).toFixed(2));$("#em_freezeAccount").html("￥" + (value.freezeAccount).toFixed(2));// 設置優惠券數量var couponStr = "";// IE8 不支持！ console.log("[debug]couponCount : " + value.couponCount);if(value.couponCount > 0){couponStr = "<a href='/ucenter/queryCoupon.action' style='color:#DD4F11'>"+value.couponCount+"</a>";}else{couponStr = value.couponCount;}$("#em_couponCount").html(couponStr);}});}});});

感悟：碰到異常，要理清思路之后。再去採取行動。既然曾經的幾個數據。都是用相同的方式讀取的，那為何自己加了一個就不行了呢？除了加了類似的代碼，還加了什么代碼呢？ 不就是console.log()嗎？非常好定位的一個思維方式，卻折騰了那么久，太不應該了。

注：IE8/IE9要先按F12開啟IE Dev Tools才干存取console物件。
假設使用環境包括IE8/9，請養成良好習慣。用if (window.console) { ... }包住console.log()動作，切忌把IE8/9想成Chrome/Firefox。以為永遠有window.console可用。