」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何使用 Duck Typing 可靠地偵測 Safari、Chrome、Firefox、IE 和 Opera 瀏覽器?

如何使用 Duck Typing 可靠地偵測 Safari、Chrome、Firefox、IE 和 Opera 瀏覽器?

發佈於2024-12-23
瀏覽:539

How Can I Reliably Detect Safari, Chrome, Firefox, IE, and Opera Browsers Using Duck Typing?

使用Duck-Typing 偵測Safari、Chrome、IE、Firefox 和Opera 瀏覽器

決定使用者的瀏覽器通常是重新導向使用者所必需的到特定於瀏覽器的擴充功能的適當下載連結。然而,依靠用戶代理字串進行瀏覽器檢測是不可靠的,因為它容易受到欺騙。

一種更可靠的方法,稱為鴨子打字,可用於根據瀏覽器的特定特徵來識別瀏覽器。以下是細分:

Opera 8.0 :

var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

Firefox 1.0 :

var isFirefox = typeof InstallTrigger !== 'undefined';

Firefox 1.0 :

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));
var isFirefox = typeof InstallTrigger !== '未定義';

Safari 3.0 :

var isIE = /*@cc_on!@*/false || !!document.documentMode;
]

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'] .pushNotification));

var isEdge = !isIE && !!window.StyleMedia;

var isIE = /*@cc_on!@*/false || !!document.documentMode;

var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

var isEdge = !isIE && !!window.StyleMedia;

var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

邊緣(基於chromium)檢測:
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));

var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

閃爍引擎偵測:

How Can I Reliably Detect Safari, Chrome, Firefox, IE, and Opera Browsers Using Duck Typing?

var isBlink = (isChrome || isOpera) && !!window.CSS;

使用這些方法偵測到瀏覽器後,您可以將使用者重定向到適當的瀏覽器其特定於瀏覽器的擴充功能的下載連結。

但是,必須強調的是,您應該僅在必要時使用瀏覽器檢測,例如顯示特定於瀏覽器的安裝說明。作為一般最佳實踐,請盡可能注意特徵檢測。

最新教學 更多>
  • 為什麼我的隨機數在循環內是一致的?
    為什麼我的隨機數在循環內是一致的?
    理解迭代中一致的隨機數在提供的程式碼片段中,可以觀察到循環迭代中產生的隨機數保持一致。具體來說,儘管循環旨在產生唯一值,但「carSetter」和「decider」變數在 15 次迭代中保留相同的值。 此行為是由於循環內放置了 srand(time(0)) 造成的。它決定後續呼叫 rand() 時傳...
    程式設計 發佈於2024-12-23
  • 儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    解決PHP 中的POST 請求故障在提供的程式碼片段:action=''而非:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"檢查$_POST陣列:表單提交後使用 var_dump 檢查 $_POST 陣列的內容...
    程式設計 發佈於2024-12-23
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1 和 $array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建...
    程式設計 發佈於2024-12-23
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-12-23
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-12-23
  • Java中處理InputMismatchException時如何防止無限迴圈?
    Java中處理InputMismatchException時如何防止無限迴圈?
    InputMismatchException的try/catch區塊中的無限循環:解決方案您的Java程式在嘗試處理InputMismatchException時遇到無限循環/catch 區塊,同時從使用者取得整數輸入。此行為源自於這樣的事實:在捕獲 InputMismatchException 後...
    程式設計 發佈於2024-12-23
  • 對於沒有結果行的查詢,我應該使用「DB.exec()」還是 Go 中的準備語句?
    對於沒有結果行的查詢,我應該使用「DB.exec()」還是 Go 中的準備語句?
    破解在Golang 中使用*DB.exec() 和準備語句的難題簡介領域中使用Go 和Postgresql 進行資料庫操作時,出現了一個揮之不去的問題:為什麼要費心DB.exec()或者當 Go 似乎自動化了它們的創建時準備好的語句?本文深入研究執行不返回行的操作的複雜性,並闡明使用準備好的語句背後...
    程式設計 發佈於2024-12-23
  • 如何使用 HttpClient 在 Java 中發出多部分/表單資料 POST 請求?
    如何使用 HttpClient 在 Java 中發出多部分/表單資料 POST 請求?
    使用Java 發出多部分錶單資料POST 請求Apache Commons HttpClient 版本4.0 的出現消除了執行多部分/表單資料POST 請求的能力在3.x版本中是可能的。 HttpClient 團隊解釋說,多部分功能超出了他們的核心活動範圍,並建議尋找替代庫。 尋找合適的 Java ...
    程式設計 發佈於2024-12-23
  • HTML 格式標籤
    HTML 格式標籤
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    程式設計 發佈於2024-12-23
  • 大批
    大批
    方法是可以在物件上呼叫的 fns 數組是對象,因此它們在 JS 中也有方法。 slice(begin):將陣列的一部分提取到新數組中,而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...
    程式設計 發佈於2024-12-23
  • 如何使用 PHP 成功地將映像 Blob 插入 MySQL 資料庫?
    如何使用 PHP 成功地將映像 Blob 插入 MySQL 資料庫?
    使用PHP 在MySql 資料庫中插入Blob問題概述您是嘗試使用PHP 將映像儲存在MySQL 資料庫中,但它沒有按預期工作。影像資料未插入資料庫。 解決方案檢查變數插值問題在您的查詢時,您使用file_get_contents() 函數來檢索影像數據,但沒有明確地將其結果連接到查詢字串。結果,查...
    程式設計 發佈於2024-12-23
  • 如何在 Go 中自訂解組非標準 JSON 時間格式?
    如何在 Go 中自訂解組非標準 JSON 時間格式?
    非標準JSON 時間格式的自訂取消/編組處理包含非標準格式時間值的JSON 資料時,內建JSON 解碼器可能會遇到錯誤。為了處理這種情況,可以實作自訂編組和解組函數。 考慮以下 JSON:{ "name": "John", "birt...
    程式設計 發佈於2024-12-23
  • 請查看我的項目
    請查看我的項目
    我使用Nextjs和tailwind獨立完成了Frontend Mentor的Devjobs專案。有人可以查看專案和/或程式碼並給我任何回饋嗎?我是一個學習者。 部署:https://nextjs-devjobs.vercel.app/ Github:https://github.com/JaiB...
    程式設計 發佈於2024-12-23
  • 插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入記錄時如何解決「一般錯誤:2006 MySQL 伺服器已消失」介紹:將資料插入MySQL 資料庫有時會導致錯誤「一般錯誤:2006 MySQL 伺服器已消失」。當與伺服器的連線遺失時會出現此錯誤,通常是由於 MySQL 配置中的兩個變數之一所致。 解決方案:解決此錯誤的關鍵是調整wait_tim...
    程式設計 發佈於2024-12-23
  • 如何在 Python 中安全地建立帶有列表的 MySQL IN 子句?
    如何在 Python 中安全地建立帶有列表的 MySQL IN 子句?
    使用清單建立安全的 MySQL IN 子句使用 MySQL 資料庫和 Python 時,內爆清單以在IN 子句。但是,安全地執行此操作對於防止 SQL 注入漏洞至關重要。 與其手動建構包含值清單的字串,首選方法是使用查詢參數機制。這允許您將列表直接傳遞到資料庫驅動程序,而無需處理任何引用或轉義。 以...
    程式設計 發佈於2024-12-23

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3