JavaScript檢測移動瀏覽器類型

發佈於2025-03-22

此JavaScript代碼片段標識用於訪問網站的移動瀏覽器。因為有許多移動設備，但瀏覽器較少，因此專注於瀏覽器檢測更有效。 JavaScript Detect Mobile Browser Type //移動瀏覽器檢測函數detectMobileBrowser（）{ const useragent = navigator.useragent.tolowercase（）; if（useragent.includes（“ opera”））返回“ opera”; if（useragent.crudes（“ staroffice”））返回“星際辦公室”； if（useragent.includes（“ webtv”））返回“ webtv”; if（useragent.crudes（“ beonex”））返回“ beonex”; if（useragent.includes（“ chimera”））返回“嵌合體”； if（useragent.includes（“ netPostistive”））返回“ netPostive”; if（useragent.includes（“ phoenix”））返回“ phoenix”; if（useragent.includes（“ firefox”））返回“ firefox”； if（useragent.includes（“ Safari”））返回“ Safari”； if（useragent.includes（“ skipstone”））返回“ skipstone”； if（useragent.includes（“ msie”））返回“ Internet Explorer”； if（useragent.includes（“ netscape”））返回“ netscape”; if（useragent.includes（“ mozilla/5.0”））返回“ mozilla”； if（useragent.includes（“/”））{ 如果（！useragent.startswith（“ mozilla”））{ 返回useragent.substring（0，useragent.indexof（“/”））; } 別的 { 返回“ Netscape”； } } else if（useragent.includes（“”））{ 返回useragent.substring（0，useragent.indexof（“”））; } 別的 { 返回用戶； } }

頻繁詢問有關移動瀏覽器檢測的問題（常見問題解答）

// Mobile Browser Detection
function detectMobileBrowser() {
    const userAgent = navigator.userAgent.toLowerCase();
    if (userAgent.includes("opera")) return "Opera";
    if (userAgent.includes("staroffice")) return "Star Office";
    if (userAgent.includes("webtv")) return "WebTV";
    if (userAgent.includes("beonex")) return "Beonex";
    if (userAgent.includes("chimera")) return "Chimera";
    if (userAgent.includes("netpositive")) return "NetPositive";
    if (userAgent.includes("phoenix")) return "Phoenix";
    if (userAgent.includes("firefox")) return "Firefox";
    if (userAgent.includes("safari")) return "Safari";
    if (userAgent.includes("skipstone")) return "SkipStone";
    if (userAgent.includes("msie")) return "Internet Explorer";
    if (userAgent.includes("netscape")) return "Netscape";
    if (userAgent.includes("mozilla/5.0")) return "Mozilla";
    if (userAgent.includes("/")) {
        if (!userAgent.startsWith("mozilla")) {
            return userAgent.substring(0, userAgent.indexOf("/"));
        } else {
            return "Netscape";
        }
    } else if (userAgent.includes(" ")) {
        return userAgent.substring(0, userAgent.indexOf(" "));
    } else {
        return userAgent;
    }
}

javaScript如何幫助檢測移動瀏覽器？

javascript使用 navigator.useragent ，它提供了一個包含瀏覽器信息的字符串。分析此字符串以識別移動瀏覽器。其他技術，例如檢查

window.enientation

，儘管它們不太可靠。 CSS可以檢測移動瀏覽器？

CSS媒體查詢可以檢測屏幕大小，但這不像JavaScript那樣可靠，用於識別特定的瀏覽器類型。它對於調整佈局比功能更有用。

移動瀏覽器檢測的局限性是什麼？

可以操縱用戶代理字符串，並且可能不會立即識別新的瀏覽器。另外，諸如平板電腦之類的設備模糊了移動和桌面之間的線條。

如何測試我的移動瀏覽器檢測代碼？ 使用瀏覽器開發人員工具（例如Chrome DevTools或Firefox開發人員工具）來模仿各種設備和屏幕尺寸，甚至欺騙用戶代理字符串。

我可以檢測特定的移動瀏覽器（Safari，Chrome）？

Yes, navigator.userAgent contains browser-specific information, allowing you to check for particular browsers.如何處理未知瀏覽器？

使用功能檢測和漸進式增強。特定功能的功能檢測檢查檢查，而漸進式增強功能可在所有瀏覽器中提供基本功能，從而為支持它們的人添加增強功能。 服務器端語言可以檢測移動瀏覽器？

是的，諸如PHP或.NET之類的語言可以檢查HTTP請求標題中的用戶代理字符串，但這不如客戶端端JavaScript檢測準確。