天天看點

JS之DOM篇-能力檢測

能力檢測又稱特性檢測,它與前文介紹的使用者代理檢測不同,能力檢測的目标不是識别特定的浏覽器,而是識别浏覽器的能力。能用能力檢測得到解決的問題,不要使用使用者代理檢測

能力檢測的基本形式如下

下面針對不同浏覽器的能力檢測進行簡單說明

要檢測目前IE浏覽器是哪個版本,最簡單的方式是使用document.documentMode屬性,該屬性隻有IE浏覽器支援,表示目前的文檔模式

除了使用document.documentMode屬性外,還可以通過檢測浏覽器是否支援某個方法,進而判斷IE浏覽器版本

IE8-浏覽器不支援getComputedStyle()方法

IE9-浏覽器不支援HTML5新增的定時器requestAnimationFrame

IE10-浏覽器不支援自定義屬性dataset

chrome浏覽器在window對象下有一個專有的chrome屬性,傳回一個對象