隆重推出 modern.IE – 輕鬆檢測網站在 Internet Explorer 的瀏覽體驗
今天我們公佈了一個免費的工具 modern.IE，能讓網站的開發人員更輕鬆的檢測他們的網站在 Internet Explorer 中正確和完美地呈現瀏覽體驗。
在 modern.ie 發表的同時，我們也在此宣布與 BrowserStack 合展開一項特別的合作，BrowserStack 提供數一數二的瀏覽器測試服務，在接下來一年之中，只要透過 modern.IE 連線此服務，將提供三個月的免費使用優惠，協助協助開發人員線上檢測網站在任何瀏覽器或作業系統上的呈現效果。
IE9 與近期上市的 IE10 開啟了IE史上的全新章節，但同時我們也發現若是使用舊版 IE 的用戶，較難進行網頁的測試，尤其是對非 Windows 平台的開發人員而言更是項挑戰。因此，我們希望能藉著這個工具幫上忙、讓網頁技術和瀏覽體驗更進步。真誠地希望網頁開發人員因此能將時間花在創新而非測試上。
過去這幾年來我們已做了不少努力：導入自動更新協助消費者自動更新至最新版IE、透過平台預覽版提早蒐集開發人員的建議、全面採用現代網頁標準搭配最佳的效能與進階觸控應用等等，我們也將會持續不停地努力。
在與眾多的網頁開發人員討論過後，我們的發展方向顯然是正確的，但不可否認地，針對舊版瀏覽器的支援仍是一大挑戰，此時便輪到 modern.IE 登場了。
透過全新的程式碼偵測工具以檢測程式碼的一般性問題
modern.IE 是我們為了讓網頁與IE的開發變得更容易而提供的工具，其功能包含搜尋網頁中的語法，並找出可能影響使用者體驗的常見錯誤，開發人員只需輸入網頁URL便能進行測試。
僅需幾秒鐘，modern.IE 就可以線上檢測網頁的瀏覽體驗，並提供網頁可以如何調整的建議，包括以下三個方向：
1. 分享支援舊版IE常見問題
新版 IE 9與 IE10 支援 HTML5 網頁標準，但舊版卻不支援，因此開發人員通常得針對兩者分別寫不同的程式碼，這也提高了不同版本 IE 測試的難度，測試精靈能指出常見的相容性問題並提供建議給開發人員，例如遇到無法支援的功能而改以用相容模式(讓瀏覽器能辨認jQuery 等舊版網頁架構等)。透過 modern.IE 並搭配平台預覽(Platform Preview)的功能，開發人員能夠更輕易地規劃各版本間的不同之處。基於安全與隱私，我們將不會在網頁上透露這些技術細節，但開發人員可直接與我們聯繫，免費取得這些資訊與技術團隊的支援。
2. 協助網頁在跨瀏覽器、跨平台展現良好的體驗
另一項功能便是讓網頁能適用於日益增加的各種螢幕尺寸，不論是手機、桌上型電腦、筆電、平板電腦、甚至是大型電視等等。透過功能偵測、最佳的 CSS 語法校調、建立免附加元件環境(plug-in free)、以及回饋式網頁設計使用(responsive web design)等，都能省下不少跨平台測試的時間，也能在各平台上提供使用者一致的使用體驗。
3. 結合與善用 Windows 8 的全新功能
包含了關於觸控瀏覽體驗與開始畫面動態磚的相關建議，開發人員可藉由這些新功能，提供使用者更個人化的瀏覽體驗。
modern.IE 網頁精靈並不是將編寫網頁的所有項目都條列出來，而是著重於檢測能夠明顯改善整體使用體驗的部分，我們打算持續改良 modern.IE 平台，也希望開發人員能一同協助，我們鼓勵各位能盡情提供建議，讓我們能持續改善它。
更多關於 modern.IE 工具為什麼重要以及偵測等技術細節，皆會陸續在 IE Blog 中分享。
透過 BrowserStack 免費線上檢測網頁
有另一個問題也同樣令開發人員頭痛，為了能對網頁進行完整測試，往往需要在各種平台上安裝各種瀏覽器，因此，modern.IE包含了使用 BrowserStack 的服務與優惠，BrowserStack 是著名的虛擬網頁測試網站，不論開發人員所使用何種設備，皆能藉由它們來測試網頁在 Windows 上各種不同瀏覽器上的運行狀況。任何透過 modern.IE 網站進入 BrowserStack 啟用線上檢測服務的開發人員，皆能獲得三個月免費服務 (優惠有效日期為 2014 年 1 月 10 日前登入網站啟用服務)。
有了像 BrowserStack 這樣類型的服務，開發人員便不再需花費心思維護自有的測試設備，任何測試瀏覽器的工程都可透過雲端進行維護。
我們也提供了 Chrome 與 Firefox 的附加元件，開發人員只需點一下滑鼠便能連至 BrowserStack 的服務。
此外，我們也即將提供開發人員不論是在 Mac、Linux、PC下都能使用的本機端 Windows 加 Internet Explorer 的免費虛擬映像檔，用來進行測試。開發人員可至 modern.IE下載。
跨瀏覽器編寫的最佳範例
在與世界各地數百名開發人員和合作夥伴的溝通與討論後，我們歸納出了前20項小技巧，有助於解決編寫網頁與 IE 瀏覽體驗時大部分的相容性問題。
想讓新一代瀏覽器的程式碼同時支援舊版瀏覽器，又不花費太多成本真的是項艱辛的挑戰，也很難在各種開發工具、程式範例庫、程式原始碼之中找到最合適的工具。雖然目前清單中並未將所有開發人員的意見列入，但我們選擇了一些最常見的範例，希望藉此讓網頁編寫變得更容易、更簡單。我們也請到了兩位專家協助維護這份清單：Dave Methvin(jQuery基金會創辦人)與 Rey Bango(微軟Technical Evangelist兼前jQuery專案成員)。為了能逐步改進這份清單，希望您也能提供建議。
設計更現代化的網頁
Modern.IE 只是我們對開發人員長期承諾的其中一環，目的是協助開發人員將時間花在更多令人驚豔的創作而非測試相容性，下次當您需要測試網頁時，便可試試 modern.IE 線上檢測，同時也可以試著讓 BrowserStack 的服務成為下一個專案的助力。
Ryan Gavin
General Manager Internet Explorer