若要查看最新的工作,在此] 區域,看看Internet Explorer 10 平台預覽,您可以找到在IE 測試一下。
您也會想要簽出HTML5labs Microsoft 原型的早期、 不 ...
跳到主要內容
已不再支援此瀏覽器。
請升級至MicrosoftEdge,以利用最新功能、安全性更新和技術支援。
下載MicrosoftEdge
其他資訊
目錄
結束焦點模式
閱讀英文
儲存
目錄
閱讀英文
儲存
Twitter
LinkedIn
Facebook
電子郵件
目錄
發行項
09/27/2016
本文內容
本文章是由機器翻譯。
HTML5
瀏覽器和功能偵測
Saschap。
Corti
現在建置網站,不僅要外觀亮眼,還要能歷久彌新。
也就是說,您的網站不僅要能夠在當今的瀏覽器內運作,在未來的版本也要能夠運作才行。
本文中我將提供秘訣和最佳作法,可協助您達到這個目的。
位元的歷程記錄
現在,所有的Web瀏覽器都以一個共同的目標中建置:最新的規格的最佳方式呈現網頁。
這不見得一定代表這種情況。
在過去,如瀏覽器廠商好友成為基準,已經最即使它們未尚未標準化實作高的需求中的功能。
當然,每個瀏覽器中它自己的方式進行過它。
以下是範例的方式設定在CSS中的投影片各不相同。
第8版瞭解下列CSS之前,就會InternetExplorer:
.transparent{ /*InternetExplorer<9*/
width:100%;
filter:alpha(opacity=50);
}
雖然Firefox有它自己的屬性:
.transparent{
/*Firefox<0.9*/
-moz-opacity:0.5;
}
如未Safari:
.transparent{
/*Safari<2*/
-khtml-opacity:0.5;
}
現在,不過,在CSS3,沒有設定的項目透明度的統一的方式:
.transparent{
/*IE>=9,Firefox>=0.9,Safari>=2,Chrome,Opera>=9*/
opacity:0.5;
}
雖然它看起來適合瀏覽器移來支援非標準功能額外的英哩,這會讓網頁開發人員的生命週期比需要的是,因為他加入網頁時所採取的所有各種實作功能的考量。
一致的標記
請確定網頁會最佳化所有瀏覽器中呈現的最佳方式是將焦點集中在確定所有的目前版本的瀏覽器可支援的標記。
直到非常短,這是HTML4.01,10年歷史標準非常有限的功能。
現在,將所有的瀏覽器正向多功能HTML5,但許多新的一般詞彙,包括HTML5標記、其Api,例如DOM層級2和3,CSS3、SVG與EcmaScript262,在合併彙算的規格仍在開發中且因此可能隨時變更。
瀏覽器廠商持續加入新的HTML5功能,但很大的差異會在支援。
Firefox和Opera是採用新的HTML5規格,有時候甚至那些在早期的開發過程中並進行變更,或有安全性問題通常非常快速。
雖然這可能很有趣的開發人員若要測試新的功能,則會造成中斷之間的一種規格,它的實作之間的大幅變更因為瀏覽器版本的網頁。
這是令人沮喪的經驗的使用者和開發人員。
這個範例是Firefox4停用測試7和8之間的Websockets限於安全性的理由。
組件區塊,這個方法也很快速,採用新的HTML5標準,最近,讓HTML5社群宣告它已放棄受歡迎的h.264視訊轉碼器支援HTML5