現(xiàn)象:
之前做的某個(gè)react項(xiàng)目在ie9瀏覽器中不渲染,效果為空白頁面,react的組件并沒有被渲染在頁面中,但是打開控制臺正常渲染。
原因:
研究發(fā)現(xiàn),是ie9不支持window.console對象,而我們項(xiàng)目中或者組件中或者框架中或者依賴包中都有可用到console。
解決:
重寫window.console對象,代碼如下:
if?(!window.console) {
????window.console = {};
????var?keys= ["debug",?"error",?"info",?"log",?"warn",?"dir",?"dirxml",?"table",?"trace",?"group",?"groupCollapsed",?"groupEnd",?"clear",?"count",?"assert",?"markTimeline",?"profile",?"profileEnd",?"timeline",?"timelineEnd",?"time",?"timeEnd",?"timeStamp",?"context",?"memory"];
????for(var?i =0;i<keys.length;i++) {
????????var?name = keys[i]
????????window.console[name] =?function(){};
????}
}