添加 index.html

2025-12-27 19:08:30 +08:00
commit 8e2a82c88c
1 changed files with 158 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>最快IP查找工具</title>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            padding: 20px;
+            max-width: 800px;
+            margin: 0 auto;
+            background: #f5f5f5;
+        }
+        .container {
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        h1 { margin-bottom: 20px; color: #333; }
+        button {
+            background: #0066cc;
+            color: white;
+            border: none;
+            padding: 12px 24px;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 16px;
+            margin-top: 15px;
+        }
+        button:hover { background: #0052a3; }
+        button:disabled { background: #ccc; cursor: not-allowed; }
+        #status {
+            margin-top: 20px;
+            padding: 15px;
+            background: #f0f0f0;
+            border-radius: 5px;
+            min-height: 60px;
+        }
+        .result {
+            margin-top: 20px;
+            padding: 20px;
+            background: #e8f5e9;
+            border-radius: 5px;
+            border-left: 4px solid #4caf50;
+        }
+        .result h2 { color: #2e7d32; margin-bottom: 10px; }
+        .ip { font-size: 24px; font-weight: bold; color: #1976d2; }
+        .latency { color: #666; margin-top: 5px; }
+        .progress { color: #666; font-size: 14px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🚀 最快IP查找工具</h1>
+        <p>自动从 GitHub 获取 Cloudflare IP 列表并测试最快连接</p>
+        <button onclick="startTest()" id="startBtn">开始测试</button>
+        <div id="status"></div>
+        <div id="result"></div>
+    </div>
+
+    <script>
+        let testing = false;
+
+        async function startTest() {
+            if (testing) return;
+            testing = true;
+            
+            const btn = document.getElementById('startBtn');
+            const status = document.getElementById('status');
+            const result = document.getElementById('result');
+            
+            btn.disabled = true;
+            result.innerHTML = '';
+            status.innerHTML = '正在获取IP列表...';
+
+            try {
+                const response = await fetch('https://gh-proxy.org/raw.githubusercontent.com/ymyuuu/IPDB/refs/heads/main/BestCF/bestcfv4.txt');
+                const text = await response.text();
+                const ips = text.split('\n').filter(ip => ip.trim() && /^\d+\.\d+\.\d+\.\d+$/.test(ip.trim()));
+                
+                if (ips.length === 0) {
+                    status.innerHTML = '❌ 未找到有效IP';
+                    btn.disabled = false;
+                    testing = false;
+                    return;
+                }
+
+                status.innerHTML = `找到 ${ips.length} 个IP，开始测试...`;
+                
+                let fastest = null;
+                let minLatency = Infinity;
+                let tested = 0;
+
+                for (const ip of ips) {
+                    const latency = await testIP(ip.trim());
+                    tested++;
+                    
+                    status.innerHTML = `<div class="progress">测试进度: ${tested}/${ips.length}</div>`;
+                    
+                    if (latency > 0 && latency < minLatency) {
+                        minLatency = latency;
+                        fastest = ip.trim();
+                        result.innerHTML = `
+                            <div class="result">
+                                <h2>🎯 当前最快IP</h2>
+                                <div class="ip">${fastest}</div>
+                                <div class="latency">延迟: ${minLatency}ms</div>
+                            </div>
+                        `;
+                    }
+                }
+
+                status.innerHTML = `✅ 测试完成！共测试 ${tested} 个IP`;
+                
+                if (!fastest) {
+                    result.innerHTML = '<div style="color: #d32f2f; margin-top: 20px;">未找到可用IP</div>';
+                }
+
+            } catch (error) {
+                status.innerHTML = `❌ 错误: ${error.message}`;
+            }
+            
+            btn.disabled = false;
+            testing = false;
+        }
+
+        async function testIP(ip, timeout = 3000) {
+            return new Promise((resolve) => {
+                const start = performance.now();
+                const img = new Image();
+                let done = false;
+                
+                const timer = setTimeout(() => {
+                    if (!done) {
+                        done = true;
+                        img.src = '';
+                        resolve(-1);
+                    }
+                }, timeout);
+                
+                img.onload = img.onerror = () => {
+                    if (!done) {
+                        done = true;
+                        clearTimeout(timer);
+                        const latency = Math.round(performance.now() - start);
+                        resolve(latency < timeout ? latency : -1);
+                    }
+                };
+                
+                img.src = `http://${ip}/cdn-cgi/trace?t=${Date.now()}`;
+            });
+        }
+    </script>
+</body>
+</html>