學會使用modern.IE來設計更現代化的網頁?

Tags: 網頁, 學會,

modern.IE是一個開發人員中心,提供免費的工具和資源,旨在使您能夠花更少的時間來測試各種版本的 Internet Explorer,並留出更多時間在現代Web上構建重要的內容。

學會使用modern.IE來設計更現代化的網頁

方法/步驟

相對於國外同行豐富的HTML5技術基礎而言,國內的開發者對於新標準的瞭解還明顯不夠。好在,各大瀏覽器都推出了相應的開發者工具,其中就包含微軟提供的morden.IE工具。

提到morden.IE就不得不說一下新的IE11,隨著最具革命性的Windows 8.1釋出的IE11對於HTML5更完善的支援,無異是推進網際網路發展的強大力量。至此,眾多瀏覽器廠商已經準備就緒,將舞臺留給了開發者。

對於開發者而言,在重寫網頁程式碼的時候,最頭疼的是新標準的相容性。HTML草案中林林總總的改進並不是所有人都能夠記得清楚的,這對網站的偵錯或者相容性調整而言是一個障礙。為了讓開發者的工作更為流暢和輕鬆,微軟推出了morden.IE工具。

morden.IE包含兩個部分,其中一部分是和PageSpeed以及YSlow類似的Web掃描工具,另一部分則是與BrowerStack合作的免費虛擬測試工具。雖說同為Web掃描工具,morden.IE與側重JS於CSS效能檢測的PageSpeed以及YSlow有些不同,morden.IE更為側重網站的相容性檢測,在保證網站支援新的HTML5標準的同時,也能夠與舊版IE進行相容,保證不同使用者的良好瀏覽。

其中包含3類問題:

1.解決關於相容舊版IE的常見問題

與新版的IE10以及IE11不同,舊版本的IE並對於HTML5支援並不完善,為了保證網站的相容性,開發者往往需要編寫兩套不同的程式碼。這樣會大量增加測試的工作量,尋找不同版本的IE瀏覽器相容的特性或者jQuery框架支援等等。而morden.IE會對類似的問題進行特使,使開發者的測試工作得以簡化。

2.幫助網站在多種瀏覽器和裝置上正常執行

不同的計算機,移動裝置往往會搭載不同的瀏覽器以及不同的螢幕解析度,一般而言,一個網站是不太可能為不同的裝置進行不同的視覺優化的,這樣會給開發者帶來難以想象的工作量。一般開發者都會通過CSS框架,編寫一套通用的介面程式碼,使之得以自適應不同的解析度和瀏覽器。morden.IE也可針對這類問題進行檢測,幫助開發者開發相容性和穩定性都更甚一籌的網頁。

3.結合Windows 8.1中的新特性構建網站

眾所周知,Windows 8.1帶來了全新的Morden UI介面,而使用IE11,使用者可以將網站變為磁貼固定在“開始”螢幕中,方便二次訪問,提供更為便捷的瀏覽體驗。而針對這些特性morden.IE可以提供指導,使開發者更容易實現這些功能。

在進行檢測之後,morden.IE會輸出一份報告,不僅免去了自行測試的麻煩,還可以提供更為完善準確的報告。而根據這份報告,開發者可以更有針對性的進行修改,逐步完善網站。

除此之外,開發者在日常開發的過程中,經常需要針對不同的裝置或者瀏覽器進行測試,暫且不提多裝置,僅是瀏覽器,也需要使用到不同的作業系統環境。一臺開發計算機上安裝多個虛擬機器,分別跑著IE6,IE7/8,IE9/10的場景,想必是家常便飯了。而眾多的虛擬機器不僅影響著計算機效能,繁複的重啟虛擬機器系統也會消耗大量的時間,阻礙網站開發程序。針對此,morden.IE中提供的BrowserStack虛擬測試服務就顯得尤為重要了。

BrowserStack是一個雲服務,並不需要安裝在本機,免去了開發者使用虛擬機器的眾多麻煩,只需要通過瀏覽器即可遠端操作各個系統上的不同瀏覽器,進行相容性測試。為開發者節省大量時間,提高工作效率。目前,通過微軟morden.IE連線BrowserStack服務的開發者可以獲得3個月的免費服務,對於一套網站開發而言,已經足夠。如果滿意,可以繼續續費使用。另外,網站同樣還提供了針對Mac、Linux以及Windows在內的多種虛擬化平臺的虛擬機器檔案,並且在去年12月已經更新發布了IE11版本,以便開發者能夠更快速方便的在不同平臺下對網頁進行測試。點此檢視更多詳細資訊。

設計更現代化的網頁

Modern.IE只是我們對開發人員長期承諾的其中一環,目的是協助開發人員將時間花在更多驚人的創作而非測試相容性,下次當您需要測試網頁時,便可試試modern.IE,同時也可以試著讓 BrowserStack 成為下一個專案的助力。

如果說2008年到2013年是瀏覽器HTML5大戰的時代,那麼從現在開始,這場戰爭的硝煙已經逐漸消散,定稿的HTML5規範也使得漂浮不定的開發者能夠集中精力去開發全新的網站。而在這個過程中,測試環節無疑是最為繁複和枯燥的。morden.IE的出現,一定程度上可以將開發者從此解放出來。對於艱鉅而複雜的網際網路革新程序而言,少一些測試,多一些開發無疑更有意義。

相關問題答案