首頁 web前端 js教程 如何在 JavaScript 中可靠地偵測 v9 之前的 Internet Explorer 版本?

如何在 JavaScript 中可靠地偵測 v9 之前的 Internet Explorer 版本?

Nov 08, 2024 pm 02:07 PM

How to Reliably Detect Pre-v9 Internet Explorer Versions in JavaScript?

在JavaScript 中偵測IE 版本(v9 之前):一種綜合方法

在本文中,我們將探索一種替代方法使用JavaScript 偵測v9 之前版本的Internet Explorer (IE) 瀏覽器。雖然原始帖子中提供的程式碼可以運行,但它有一定的限制。讓我們研究一個更強大的解決方案。

第1 步:設定IE 類別

我們的第一步是根據IE 版本實作適當的HTML 類別:

1

2

3

4

5

6

7

<!DOCTYPE html>

<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->

<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->

<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->

<!--[if gt IE 8]><!----> <html> <!----><![endif]-->

<head>

...

登入後複製

這些類別對不同的IE 版本進行分類,讓我們可以使用CSS 或JavaScript 來定位它們。

第 2 步:偵測 IE 並套用 JavaScript

使用jQuery,我們可以建立一個 JavaScript 函數來辨識舊版 IE瀏覽器並套用必要的操作:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

(function ($) {

    "use strict";

 

    // Detecting IE

    var oldIE;

    if ($('html').is('.lt-ie7, .lt-ie8, .lt-ie9')) {

        oldIE = true;

    }

 

    if (oldIE) {

        // Here's your JS for IE..

    } else {

        // ..And here's the full-fat code for everyone else

    }

 

}(jQuery));

登入後複製

解決問題

解決您的問題:

  • 用戶代理字串偽造:即使用戶可以偽造他們的用戶代理,這種方法仍然可以提供IE瀏覽器版本的可靠指示。
  • 功能支援嗅探: 雖然功能支援嗅探通常是首選,但在已知不同瀏覽器版本支援或不支援特定功能的情況下,它的效率會很低。
  • IE 版本 1 或 > = 20:我們的程式碼有意將這些版本排除在「badBrowser」偵測之外,承認存在潛在風險。
  • 條件註釋:IE 10 及更高版本不支援條件註釋,使得這是一個無效的解決方案。

結論

這種基於 JavaScript 的方法提供了一種靈活而準確的方法來檢測 v9 之前的 IE 瀏覽器。透過使用 CSS 類別和 jQuery,我們可以根據瀏覽器版本無縫地實現特定操作,確保更一致的使用者體驗。

以上是如何在 JavaScript 中可靠地偵測 v9 之前的 Internet Explorer 版本?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

在JavaScript中替換字符串字符 在JavaScript中替換字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替換字符串字符

jQuery檢查日期是否有效 jQuery檢查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery檢查日期是否有效

jQuery獲取元素填充/保證金 jQuery獲取元素填充/保證金 Mar 01, 2025 am 08:53 AM

jQuery獲取元素填充/保證金

10個jQuery手風琴選項卡 10個jQuery手風琴選項卡 Mar 01, 2025 am 01:34 AM

10個jQuery手風琴選項卡

10值得檢查jQuery插件 10值得檢查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得檢查jQuery插件

HTTP與節點和HTTP-Console調試 HTTP與節點和HTTP-Console調試 Mar 01, 2025 am 01:37 AM

HTTP與節點和HTTP-Console調試

jQuery添加捲軸到Div jQuery添加捲軸到Div Mar 01, 2025 am 01:30 AM

jQuery添加捲軸到Div

自定義Google搜索API設置教程 自定義Google搜索API設置教程 Mar 04, 2025 am 01:06 AM

自定義Google搜索API設置教程

See all articles