html中判斷用戶系統是安卓或者ios，點擊後跳轉到對應的下載頁面

彬彬筆記 • 2024年3月26日 11:42 • HTML5 • 閱讀 17

你可以使用JavaScript來檢測用戶的操作系統，並根據檢測結果跳轉到相應的下載頁面。下面是一個簡單的HTML和JavaScript代碼示例，它會在用戶點擊指定文本時檢查操作系統，並根據是Android還是iOS來決定跳轉的URL。

<!DOCTYPE html>
<html>
<head>
    <title>下載頁面跳轉</title>
    <script>
        // 檢測用戶操作系統並跳轉
        function redirectToDownloadPage() {
            // 定義Android和iOS下載頁面的URL
            var androidDownloadUrl = "http://example.com/android";
            var iosDownloadUrl = "http://example.com/ios";

            // 檢測用戶的操作系統
            var userAgent = navigator.userAgent || navigator.vendor || window.opera;
            if (/android/i.test(userAgent)) {
                // 如果是Android，跳轉到Android下載頁面
                window.location.href = androidDownloadUrl;
            } else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
                // 如果是iOS，跳轉到iOS下載頁面
                window.location.href = iosDownloadUrl;
            } else {
                // 如果既不是Android也不是iOS，可以選擇保留在當前頁面或跳轉到其他頁面
                alert("僅支持Android和iOS設備");
            }
        }
    </script>
</head>
<body>

<p>點擊<a href="#" onclick="redirectToDownloadPage();return false;">這裡</a>下載我們的App</p>

</body>
</html>

這段代碼中，redirectToDownloadPage函數會首先檢查訪問者的設備類型，然後根據設備類型跳轉到不同的URL。這裡使用了簡單的正則表達式來檢測用戶代理字符串中的Android和iOS設備標識。

請將示例中的http://example.com/android和http://example.com/ios替換成你自己的Android和iOS下載頁面URL。

發布者：彬彬筆記，轉載請註明出處：https://www.binbinbiji.com/zh-hant/html5/3215.html