目前，有各種瀏覽器，例如“IE”，“Chrome”，“Safari”，“Firefox”為主流瀏覽器

透過IF語句按順序判斷每個瀏覽器名稱。

使用userAgent獲取瀏覽器資訊，並且indexOf()按順序判斷每個瀏覽器名稱。

1

透過這樣就可以獲得描述瀏覽器資訊的“字串”作為返回值。

重點是將資訊作為字串獲取到最後！

因此，有必要使用諸如indexOf()之類的方法在字元資訊中提取瀏覽器的型別和版本。

如何獲取瀏覽器資訊？

讓我們建立一個實際獲取瀏覽器型別的程式！

首先從userAgent屬性獲取瀏覽器資訊開始。

1

2

3

4

方法①和平常一樣使用userAgent屬性,不過，②最後執行的是toLowerCase()。

實際上，獲取的瀏覽器資訊是大寫和小寫字母的混合字串，因此基本上將它全部用小寫或大寫字母更容易判斷。

因此，一般來說，我會用方法②寫下來！

1

2

3

在這個例子中，使用了indexOf()確認取得了瀏覽器資訊「chrome」的文字是否存在。

如果沒有，則返回“-1”，如果存在，則返回“字元位置”。

因此，透過“> -1”的比較，可以得到“true / false”，所以可以進行判定。

瀏覽器的判斷

目前，有各種瀏覽器，例如“IE”，“Chrome”，“Safari”，“Firefox”為主流瀏覽器

讓我們看看如何判斷每個瀏覽器！

一般來說，基本上是透過IF語句按順序判斷每個瀏覽器名稱。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

在此示例中，使用userAgent獲取瀏覽器資訊，並且indexOf()按順序判斷每個瀏覽器名稱。

我們在開始時介紹了一點，但比較的順序是很重要的！

實際上，當您使用userAgent屬性檢查Edge瀏覽器時，它包含字元“chrome”和“safari”。

此外，檢視Chrome瀏覽器包含“safari”一詞。

這樣，有些情況下會包含與原始瀏覽器不同的名稱，因此有必要首先比較要調查的瀏覽器。

基本上，至少讓我們保證“Edge”→“Chrome”→“Safari”的順序！

----------------河南新華

首先要獲取user-agent的資訊，可以透過

navigator.userAgent

以www.baidu.com為例：

得到一串客服端代理字串，常用的瀏覽器型別並不多，列舉一下，IE、Chrome、Firefox等，匹配裡面的字串包含返回即可。

可以用javascript裡面的contains、indexOf等，這些都是比較常見的字串匹配方法。

上面是一段獲取瀏覽器名的方法，很容易實現。