JavaScript 判斷瀏覽器技巧分享

有的時候為了配合程式或 CSS 語法的撰寫,我們會需要知道網友所使用的瀏覽器,這時候用 JavaScript 取得瀏覽器種類的技巧就相當方便,但是 JavaScript 本身並沒有一個內建函式可以直接判斷,未來不知道會不會有,這裡我們分享一個簡單的做法,概念就是透過 navigator.userAgent 判斷瀏覽器本身的核心是否有相關的關鍵字,聽起來可能有點抽象,看看範例就可以了解。

navigator.userAgent.match("Firefox")

這樣的寫法是讓程式去判斷是否有符合 FireFox 的核心,是 FireFox 的話就會回傳 FireFox,是其它瀏覽器則回傳 null(空値)。也可以將 match 改成 search,則程式會回傳 FireFox 所在的位置,有的話就是 FireFox,沒有找到就不是 FireFox 瀏覽器,同樣的道理,我們可以判斷出其它的瀏覽器,而 Google ChromeSafari 還不能直接分清楚,努力的找方法。

各瀏覽器判斷

navigator.userAgent.match("Firefox") //判斷是否為 FireFox
navigator.userAgent.match("MSIE") //判斷是否為 IE
navigator.userAgent.match("Opera") //判斷是否為 Opera
navigator.userAgent.match("Safari") //判斷是否為 Safari 或 Google Chrome
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012