能力檢測又稱特性檢測,它與前文介紹的使用者代理檢測不同,能力檢測的目标不是識别特定的浏覽器,而是識别浏覽器的能力。能用能力檢測得到解決的問題,不要使用使用者代理檢測
能力檢測的基本形式如下
下面針對不同浏覽器的能力檢測進行簡單說明
要檢測目前IE浏覽器是哪個版本,最簡單的方式是使用document.documentMode屬性,該屬性隻有IE浏覽器支援,表示目前的文檔模式
除了使用document.documentMode屬性外,還可以通過檢測浏覽器是否支援某個方法,進而判斷IE浏覽器版本
IE8-浏覽器不支援getComputedStyle()方法
IE9-浏覽器不支援HTML5新增的定時器requestAnimationFrame
IE10-浏覽器不支援自定義屬性dataset
chrome浏覽器在window對象下有一個專有的chrome屬性,傳回一個對象