導(dǎo)言：也許網(wǎng)頁(yè)開(kāi)發(fā)者經(jīng)常存在這樣的困惑，面對(duì)瀏覽器生態(tài)不斷加快的技術(shù)進(jìn)化速率，開(kāi)發(fā)者很難確定自己的網(wǎng)頁(yè)能否在瀏覽器上***兼容。在過(guò)去的幾年中，微軟一直致力于幫助Web開(kāi)發(fā)者更有效率地進(jìn)行網(wǎng)頁(yè)編碼和遵守Web標(biāo)準(zhǔn)，現(xiàn)在，為了能夠更加方便開(kāi)發(fā)者們的兼容性測(cè)試，微軟正式推出Modern.IE這套全新的兼容性檢測(cè)工具，旨在讓網(wǎng)頁(yè)更加***地呈現(xiàn)于全新的IE10瀏覽器。

　　過(guò)去幾年，微軟針對(duì)此類(lèi)問(wèn)題進(jìn)行了多次嘗試。例如，采用系統(tǒng)自動(dòng)更新讓用戶升級(jí)至***版的IE瀏覽器，以適配更現(xiàn)代化的網(wǎng)頁(yè);在正式發(fā)布前推出平臺(tái)預(yù)覽(Platform Previews)版本IE瀏覽器，提前了解來(lái)自開(kāi)發(fā)者的反饋;全面支持HTML5和CSS3等現(xiàn)代網(wǎng)頁(yè)開(kāi)發(fā)標(biāo)準(zhǔn)，將前沿性能與觸控功能相結(jié)合。但在與眾多Web開(kāi)發(fā)者進(jìn)行深度探討后，微軟發(fā)現(xiàn)想要快速地解決瀏覽器兼容問(wèn)題仍是一個(gè)巨大挑戰(zhàn)，于是Modern.IE系列工具站點(diǎn)便應(yīng)運(yùn)而生了(http://www.modern.ie/zh-cn)。微軟開(kāi)發(fā)平臺(tái)及事業(yè)部平臺(tái)合作資深經(jīng)理黃繼佳表示：“Modern.IE系列工具的出現(xiàn)，大大簡(jiǎn)化了開(kāi)發(fā)者的網(wǎng)頁(yè)測(cè)試工作，提升了網(wǎng)頁(yè)優(yōu)化的效率，能讓開(kāi)發(fā)者將精力放在為用戶創(chuàng)造更加精美的網(wǎng)頁(yè)上來(lái)。”

　　Modern.IE系列工具讓針對(duì)IE10瀏覽器的Web開(kāi)發(fā)工作變得更加容易，它的一個(gè)重要功能即通過(guò)輸入的URL地址掃描網(wǎng)頁(yè)中的代碼，并找出所有可能影響瀏覽體驗(yàn)的常見(jiàn)錯(cuò)誤。而這些錯(cuò)誤由三大分類(lèi)體現(xiàn)：與舊版IE瀏覽器產(chǎn)生的兼容性問(wèn)題，在多設(shè)備、跨平臺(tái)上是否能夠正常運(yùn)行，以及與Windows 8新特性的匹配狀況。Windows 8熱門(mén)應(yīng)用“板報(bào)”的CEO 李晶認(rèn)為：“過(guò)去我們的頁(yè)面設(shè)計(jì)和測(cè)試團(tuán)隊(duì)需要耗費(fèi)大量精力和時(shí)間在網(wǎng)頁(yè)兼容性測(cè)試上，特別是當(dāng)設(shè)計(jì)發(fā)生細(xì)節(jié)改變時(shí)，幾乎所有測(cè)試環(huán)節(jié)都需要重來(lái)一遍。在試用Modern.IE系列工具后，我們節(jié)約了大量初期測(cè)試的時(shí)間，將測(cè)試的人力和時(shí)間放在了最重要的環(huán)節(jié)上，效率提升了許多。”

[[70124]]

　　事實(shí)上，僅需幾秒鐘的等待時(shí)間，Modern.IE會(huì)自動(dòng)生成一份檢測(cè)報(bào)告，報(bào)告分別從上文中的三大塊，來(lái)提出改善網(wǎng)站的建議：

　　1. 解決關(guān)于兼容舊版IE瀏覽器的常見(jiàn)問(wèn)題：

　　l 已知的兼容性問(wèn)題：每當(dāng)IE瀏覽器進(jìn)行一次重大版本更新時(shí)，微軟都會(huì)為那些高點(diǎn)擊率、具有一定影響力的網(wǎng)站主動(dòng)進(jìn)行測(cè)試，以避免在新版IE中出現(xiàn)兼容性問(wèn)題，并幫助他們解決相關(guān)問(wèn)題。通過(guò)Modern.IE下的此工具，開(kāi)發(fā)者能夠更加方便地訪問(wèn)兼容性檢查數(shù)據(jù)，并可直接聯(lián)系微軟，減少在MSDN社區(qū)上搜索修改建議文檔所花費(fèi)的時(shí)間;

　　l 兼容模式：當(dāng)開(kāi)發(fā)者為舊版IE所編寫(xiě)的網(wǎng)頁(yè)代碼與新版IE瀏覽器(IE9、IE10)產(chǎn)生兼容性問(wèn)題時(shí)，該網(wǎng)站會(huì)出現(xiàn)在“兼容性問(wèn)題列表”(Compatibility View List)中。而網(wǎng)頁(yè)開(kāi)發(fā)者自己有時(shí)對(duì)這一點(diǎn)并不知情，Modern.IE相關(guān)工具能幫助開(kāi)發(fā)者確定自己的網(wǎng)站是否存在兼容性問(wèn)題，如果網(wǎng)站在列表中，那么則會(huì)建議使用自動(dòng)化JavaScript工具來(lái)檢測(cè)并刪除網(wǎng)站中的舊標(biāo)記，進(jìn)而確保站點(diǎn)與當(dāng)前版本的IE瀏覽器兼容;

　　l 框架(Framework)和庫(kù)(Library)：眾所周知，舊版本的這些網(wǎng)頁(yè)基礎(chǔ)組成部分也會(huì)導(dǎo)致兼容性問(wèn)題。通過(guò)研究高點(diǎn)擊率網(wǎng)站，微軟發(fā)現(xiàn)常見(jiàn)的庫(kù)兼容性問(wèn)題主要發(fā)生在Jquery和Prototype等相關(guān)Javascript框架中，而Modern.IE則會(huì)對(duì)它們進(jìn)行自動(dòng)檢測(cè)，并給出相關(guān)的兼容性解決方案;

　　l 網(wǎng)絡(luò)標(biāo)準(zhǔn)文檔模式(Web Standards Docmode)：用于檢索當(dāng)前網(wǎng)頁(yè)下的文檔類(lèi)型標(biāo)記碼(DocType Markup Code)，該標(biāo)記碼的作用在于通知瀏覽器遵守HTML5和CSS3等現(xiàn)代Web開(kāi)發(fā)標(biāo)準(zhǔn)。較早版本的標(biāo)記碼將會(huì)強(qiáng)制所有版本的IE瀏覽器均按IE8方式進(jìn)行呈現(xiàn)，這會(huì)嚴(yán)重影響HTML5站點(diǎn)性能，也加大了開(kāi)發(fā)人員編寫(xiě)適用于現(xiàn)代瀏覽器代碼的工作量。而通過(guò)Modern.IE下的此工具，這類(lèi)問(wèn)題能以較簡(jiǎn)單的方式解決。

　　2.讓您的網(wǎng)頁(yè)在多瀏覽器、多設(shè)備下更好地運(yùn)行：

　　l CSS前綴(CSS-Prefixes)：此項(xiàng)測(cè)試可用于檢測(cè)當(dāng)前網(wǎng)頁(yè)CSS代碼中是否缺失特定前綴，進(jìn)而導(dǎo)致相關(guān)兼容性問(wèn)題。Modern.IE下的前綴檢查工具涵蓋了包括-Moz(Firefox)、-Ms(Internet Explorer)、 -O(Opera)以及-Webkit(Chrome & Safari)在內(nèi)的所有主流瀏覽器;

　　l 瀏覽器插件：盡管在全新的IE10瀏覽器下，微軟所提倡的是一個(gè)無(wú)插件的網(wǎng)絡(luò)環(huán)境，但作為一種新興的思路，開(kāi)發(fā)者想要完全實(shí)現(xiàn)還有些困難。Modern.IE下的此項(xiàng)測(cè)試可確定網(wǎng)站是否需要移動(dòng)設(shè)備上(例如Surface或iPad)無(wú)法使用的插件。如果檢測(cè)到插件，該工具將指導(dǎo)開(kāi)發(fā)者如何獲得更多有關(guān)“構(gòu)建免插件的網(wǎng)頁(yè)”的幫助信息，以提供給廣大用戶一個(gè)***的瀏覽體驗(yàn);

　　l 響應(yīng)式Web設(shè)計(jì)(Responsive Web Design)：作為一種新興的開(kāi)發(fā)實(shí)踐，此工具可以檢測(cè)當(dāng)前網(wǎng)站是否使用CSS3下的一大新特性Media Queries。該特性允許開(kāi)發(fā)者在不改變內(nèi)容的情況下，通過(guò)改變頁(yè)面的布局以精確適應(yīng)不同的設(shè)備，在屏幕上顯示***效果，以加強(qiáng)瀏覽體驗(yàn);

　　l 瀏覽器檢測(cè)：Modern.IE通過(guò)檢測(cè)網(wǎng)頁(yè)編碼模式，從腳本中篩選出引用域而不是直接引用網(wǎng)頁(yè)的結(jié)果(類(lèi)似于第三方分析工具)，來(lái)推斷其是否采用瀏覽器檢測(cè)(Browser Detection)技術(shù)。在支持多瀏覽器和多平臺(tái)時(shí)，微軟會(huì)建議何時(shí)使用功能檢測(cè)來(lái)取代瀏覽器檢測(cè)，從而簡(jiǎn)化站點(diǎn)的維護(hù)工作。

　　3. 利用Windows 8中的新特性進(jìn)行再構(gòu)建：

　　l 觸控瀏覽(Touch-browsing)：此項(xiàng)Modern.IE測(cè)試，會(huì)建議當(dāng)用戶使用觸控瀏覽器(如IE10)訪問(wèn)站點(diǎn)時(shí)的設(shè)置默認(rèn)行為(Default Behavior)。當(dāng)用戶使用常見(jiàn)觸控手勢(shì)(例如縮放或雙擊)進(jìn)行操作時(shí)，瀏覽器就能自動(dòng)判斷出用戶將要執(zhí)行的操作;

　　l “開(kāi)始”屏幕下的站點(diǎn)磁貼(Start Screen Site Tile)：Modern.IE向?qū)殚_(kāi)發(fā)者提供了一種將自己的網(wǎng)站Logo貼到 Windows 8開(kāi)始屏幕磁貼上的新方法，開(kāi)發(fā)者可利用Windows 8下的這些新特性，為用戶提供更加個(gè)性化的瀏覽體驗(yàn)。

　　而現(xiàn)在困擾網(wǎng)頁(yè)開(kāi)發(fā)者的另一個(gè)問(wèn)題是，他們可能需要在多瀏覽器和跨平臺(tái)設(shè)備上上對(duì)站點(diǎn)進(jìn)行全面的兼容性測(cè)試，這大大增強(qiáng)了開(kāi)發(fā)者的測(cè)試工作壓力。而Modern.IE系列工具為了解決這一難題，直接內(nèi)置了著名的虛擬網(wǎng)頁(yè)兼容性測(cè)試服務(wù)BrowserStack，這樣無(wú)論開(kāi)發(fā)人員使用何種設(shè)備和操作系統(tǒng)，都能用它來(lái)測(cè)試網(wǎng)頁(yè)在不同瀏覽器下的運(yùn)行狀況。值得一提的是，Modern.IE上的BrowserStack專(zhuān)屬通道為所有Web開(kāi)發(fā)者提供三個(gè)月的免費(fèi)服務(wù)。使用BrowserStack，開(kāi)發(fā)者的測(cè)試工作成本將大大降低，任何瀏覽器測(cè)試都可以通過(guò)云端完成。

　　為了更方便與BrowserStack服務(wù)進(jìn)行連接，Modern.IE還提供了Chrome與Firefox下的瀏覽器組件，開(kāi)發(fā)人員只需單擊網(wǎng)頁(yè)中的選項(xiàng)，便能直接連至BrowserStack虛擬測(cè)試服務(wù)。

[[70125]]

　　此外，Modern.IE也考慮到同時(shí)使用Windows PC、Mac和Linux等多環(huán)境下的網(wǎng)頁(yè)開(kāi)發(fā)者，為他們統(tǒng)一提供了本地測(cè)試用的虛擬機(jī)VHD文件。例如Windows 8下的Hyper-V/Virtual PC、Mac下的VMWare Fusion/ Parallels、Linux下的VirtualBox等一系列豐富的虛擬化工具選擇，旨在讓使用各種平臺(tái)的Web開(kāi)發(fā)者都能簡(jiǎn)單的參與到IE 10的兼容性測(cè)試中來(lái)。

　　通過(guò)Modern.IE這類(lèi)高效的兼容性測(cè)試工具，越來(lái)越多的Web開(kāi)發(fā)者們將能夠更方便的為現(xiàn)代化的IE10瀏覽器開(kāi)發(fā)出更有活力和更安全的Web產(chǎn)品，而更多更好的Web產(chǎn)品也將吸引更多用戶使用IE10瀏覽器，進(jìn)而促進(jìn)IE10瀏覽器的不斷進(jìn)步。