Nhận thông tin trình duyệt JavaScript

Question

Để truy cập

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

2, bạn có thể sử dụng

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

3 hoặc sử dụng tính năng hủy đối tượng để lấy

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

2 từ bộ điều hướng

Nội dung chính Show

Tại sao nên tránh phát hiện phiên bản trình duyệt trong JavaScript
Một tùy chọn khác để phát hiện phiên bản trình duyệt trong JavaScript
Sử dụng if (userAgent.includes('Firefox/')) { console.log(userAgent) } else if (userAgent.includes('Edg/')) { console.log(userAgent) } else if (userAgent.includes('Chrome/')) { console.log(userAgent) } else if (userAgent.includes('Safari/')) { // Safari } 9 và if (userAgent.includes('Firefox/')) { console.log(userAgent) } else if (userAgent.includes('Edg/')) { console.log(userAgent) } else if (userAgent.includes('Chrome/')) { console.log(userAgent) } else if (userAgent.includes('Safari/')) { // Safari } 0
Làm cách nào để lấy thông tin trình duyệt trong JavaScript?
Làm cách nào để lấy thông tin thiết bị trong JavaScript?
Làm cách nào để phát hiện tên trình duyệt của khách hàng trong JavaScript?
Làm cách nào để phát hiện trình duyệt cạnh trong JavaScript?

const { userAgent } = navigator
console.log(userAgent);

Sử dụng phương thức

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

0 sẽ lấy một chuỗi làm tham số để trả về nó. Chuỗi này giúp phát hiện trình duyệt như sau

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

đầu ra

//Mozilla Firefox
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

//Microsoft Edge 
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.80 Safari/537.36 Edg/98.0.1108.50

// Google Chrome
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Phiên bản trình duyệt và tên của nó xuất hiện ở cuối chuỗi do

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

2 cung cấp

Bạn có thể chạy mã bên dưới nếu bạn muốn lấy phần cuối, tôi. e. , phiên bản trình duyệt và tên chứ không phải toàn bộ chuỗi

if (userAgent.includes('Firefox/')) {
    console.log(`Firefox v${userAgent.split('Firefox/')[1]}`)
} else if (userAgent.includes('Edg/')) {
    console.log(`Edg v${userAgent.split('Edg/')[1]}`)
} else if (userAgent.includes('Chrome/')) {
    console.log(`Chrome v${userAgent.split('Chrome/')[1]}`)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

đầu ra

//Mozilla Firefox
Firefox v98.0

//Microsoft Edge 
Edg v98.0.1108.50

// Google Chrome
Chrome v98.0.4758.102 Safari/537.36

Tất cả các trình duyệt hiển thị cùng một đầu ra. Đó là bởi vì tất cả đều được xây dựng trên crom

Tại sao nên tránh phát hiện phiên bản trình duyệt trong JavaScript

Không nên phát hiện tên trình duyệt và phiên bản của nó bằng cách sử dụng

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

2 vì nó không chính xác 100%

Mỗi trình duyệt đặt dữ liệu này khác nhau và tất cả các trình duyệt không tuân theo một tiêu chuẩn cụ thể

Một tùy chọn khác để phát hiện phiên bản trình duyệt trong JavaScript

Phát hiện tính năng trong trình duyệt-

Có thể là một ý tưởng tốt hơn để phát hiện xem một trình duyệt cụ thể có hỗ trợ một tính năng cụ thể hay không. Và dựa trên việc nó có hỗ trợ một tính năng hay không, bạn có thể thực hiện thêm hành động và viết mã của mình cho phù hợp

Từng bước phát triển một trang web-

Theo một kỹ thuật thiết kế, trước tiên bạn phát triển một trang web cho các thiết bị nhỏ hơn với ít tính năng hơn và di chuyển lên trên cùng trong khi tăng các tính năng. Nó được gọi là cách tiếp cận từ dưới lên

Xây dựng cho các trình duyệt hiện đại-

Phát triển một trang web chính thức với tất cả các tính năng cho các trình duyệt hiện đại và sau đó điều chỉnh một số thay đổi để nó được hỗ trợ trên các trình duyệt cũ hơn. Nó có thể khó thực hiện và kém hiệu quả hơn so với cách tiếp cận lũy tiến hoặc từ dưới lên

Ví dụ: nếu bạn muốn làm điều gì đó cụ thể, cung cấp một polyfill cho biểu thức chính quy khi trình duyệt là Safari, bạn hãy làm điều này

if (navigator.userAgent.includes('Safari')) {
  // the user is running Safari
  // do something useful
}

Mặt khác, nếu bạn muốn làm điều gì đó cho tất cả các trình duyệt trừ

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

7, bạn kiểm tra xem

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

2 có bao gồm chuỗi tìm kiếm của bạn không

if (!navigator.userAgent.includes('Chrome')) {
  // the user is NOT running Chrome
}

Sử dụng if (userAgent.includes('Firefox/')) { console.log(userAgent) } else if (userAgent.includes('Edg/')) { console.log(userAgent) } else if (userAgent.includes('Chrome/')) { console.log(userAgent) } else if (userAgent.includes('Safari/')) { // Safari } 9 và if (userAgent.includes('Firefox/')) { console.log(userAgent) } else if (userAgent.includes('Edg/')) { console.log(userAgent) } else if (userAgent.includes('Chrome/')) { console.log(userAgent) } else if (userAgent.includes('Safari/')) { // Safari } 0

Để thay thế cho

if (!navigator.userAgent.includes('Chrome')) {
  // the user is NOT running Chrome
}

0, bạn cũng có thể sử dụng phương pháp

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

9. Nếu nó trả về

if (!navigator.userAgent.includes('Chrome')) {
  // the user is NOT running Chrome
}

2, điều này có nghĩa là không tìm thấy chuỗi tìm kiếm

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

0

Nếu bạn không chắc trình duyệt người dùng được viết chính xác như thế nào, bạn có thể thử sử dụng hàm

if (userAgent.includes('Firefox/')) {
    console.log(userAgent)
} else if (userAgent.includes('Edg/')) {
    console.log(userAgent)
} else if (userAgent.includes('Chrome/')) {
    console.log(userAgent)
} else if (userAgent.includes('Safari/')) {
    // Safari
}

0 trên

if (!navigator.userAgent.includes('Chrome')) {
  // the user is NOT running Chrome
}

4

Làm cách nào để lấy thông tin trình duyệt trong JavaScript?

Để phát hiện thông tin trình duyệt của người dùng, chúng tôi sử dụng trình điều hướng. thuộc tính userAgent . Và sau đó chúng tôi khớp với tên trình duyệt để xác định trình duyệt người dùng. Bây giờ hãy gọi hàm JS này khi tải trang và hàm này sẽ hiển thị tên trình duyệt của người dùng khi tải trang.

Làm cách nào để lấy thông tin thiết bị trong JavaScript?

Cách tiếp cận 1. .

sử dụng hoa tiêu. userAgent để lấy giá trị của tiêu đề tác nhân người dùng do trình duyệt gửi đến máy chủ

Kiểm tra chỉ mục của 'android' trong userAgent

Nếu chỉ số lớn hơn -1 thì đó là điện thoại Android chứ không phải điện thoại Android

Làm cách nào để phát hiện tên trình duyệt của khách hàng trong JavaScript?

Làm cách nào để phát hiện tên trình duyệt? . use the navigator. tên ứng dụng và trình điều hướng. thuộc tính userAgent .

Làm cách nào để phát hiện trình duyệt cạnh trong JavaScript?

Vì vậy, khi sử dụng javascript, chỉ cần kiểm tra từ 'Edge' trong chuỗi tác nhân người dùng . Khi bạn cũng kiểm tra các trình duyệt khác, hãy đảm bảo rằng bạn đã kiểm tra Edge trước, nếu không bạn sẽ nhận được kết quả dương tính giả (ví dụ: Chrome hoặc Safari. )

programming javascript