IE8的Strong HTML5 support

印象中IE8是不支持HTML5的，後來零零碎碎看到部分HTML5支持，今天特地歸檔一下，看看IE8到底支持多少HTML5， stackoverflow上有人說，IE8在當年發佈時，Microsoft承諾：With full CSS 2.1, strong HTML 5 support ，參見：http://msdn.microsoft.com/en-us/library/cc288472 。full CSS2.1 沒問題，這個strong HTML5 support 到底在哪裏？爲此特地去Microsoft官方摘錄一下：

1.網絡離線檢測：window.navigator.onLine

if(!window.navigator.onLine){
   alert('offline');
}

2.本地存儲：window.localStorage

if( 'localStorage' in window && null != window.localStorage ){
    localStorage.setItem('test', 'hello world');
    alert(localStorage.getItem('test'));
    localStorage.removeItem('test');
}

3.Ajax跨域請求 XDomainRequest() ，僅IE8+支持，其餘瀏覽器的XMLHttpRequest對象內置支持跨域請求。

if('XDomainRequest' in window && null != window.XDomainRequest){
   // test
   /* 使用方法同 XMLHttpRequest對象
   var rq = new XDomainRequest();
       rq.onload = function(){};
       rq.open('GET', 'http://www.example.com/');
       rq.send();
   */
   alert('support XDomainRequest');
}

4.跨文檔消息傳輸：postMessage()

window.top.postMessage('hello, from cross domain iframe message', 'http://www.example.com');

5.本地JSON對象支持：JSON 兩個方法：JSON.stringify(); JSON.parse();

if('JSON' in window && null!=window.JSON){
   alert(JSON.parse( JSON.stringify({'hello': 'world'}) )['hello']);
}

6.Ajax連接 前進後退支持：window.onhashchange()

7.CSS選擇器：document.querySelectorAll(); // 一直覺得不支持！

果真是很是strong的support啊。