使用功能和行為偵測

Windows Internet Explorer 9 可減少因不同瀏覽器間的差異而造成的影響,讓您能夠在不同瀏覽器之間使用相同的標記。 若要使用相同標記,每個瀏覽器都必須支援正確的功能,讓相同的 HTML、JavaScript 階層式樣式表 (CSS) 及程式碼「正好能夠運作」,而您必須在這些功能可供使用時適當地偵測和使用它們。 與其專注於 Internet Explorer 11 (或任何其他瀏覽器) 專用的行為,您可以使用功能及行為偵測,撰寫可靠的程式碼,以適應不同瀏覽器之間的差異。

以下是「該做」與「禁止」的清單,確保您的網頁在不同瀏覽器之間能夠相容。

該做:

使用下列偵測方法,更可靠地偵測錯誤來源,並確定您的網頁在不同瀏覽器之間能夠相容:

  • 功能偵測:在您使用某個功能之前,先測試瀏覽器是否支援該功能。 功能偵測可讓跨瀏覽器的程式碼「正好能夠運作」,而不要求您事先了解每個瀏覽器的功能。 例如,jQuery 架構幾乎完全依賴功能偵測來運作。 如需了解如何在自己的網站中使用 jQuery 功能偵測的詳細資訊,請參閱 jQuery.support 文件。
  • 行為偵測:在您採用因應措施之前測試已知問題。 jQuery 也會測試已知問題來判斷是否需要特定的因應措施,以使用行為偵測。

禁止:

  • 偵測特定的瀏覽器:不要使用瀏覽器的身分識別 (例如 navigatoruserAgent) 來變更頁面的行為。 如果您根據特定瀏覽器來變更程式碼,頁面就無法輕易採用變更,而且可能會在發行新的瀏覽器時無法執行。 在其他情況下,頁面會使用舊有的因應措施,即使不再需要該因應措施也一樣。
  • 假設無關的功能:不要針對某一個功能執行功能偵測,然後使用不同的功能。發生此問題的網站通常針對某一個功能執行功能偵測,然後執行未測試是否支援的其他功能。

相關主題

「相同標記:撰寫跨瀏覽器的程式碼」
IE9 和相同標記:查看 IE9 中的 DOM 事件
IE9 和相同標記:查看 IE9 中的 CSS3 框線和邊角
HTML5:跨瀏覽器的最佳做法
jQuery.support 文件
相同標記:說明 "@_jscript_version" 和設定新 HTML5 元素的樣式

 

 

顯示:
© 2014 Microsoft