tianyunperfect
/
web-base--


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>自动跳转</title>
  </head>
  <body>
    跳转中......
    <!-- 列表，不同的type对应不同的url -->
    <li><a href="?type=tri">tri 笔记</a></li>
    <li><a href="?type=photo">photo 照片</a></li>
    <li><a href="?type=photo_family">photo_family 分享</a></li>
  </body>
  <script>
    (function () {
      let urlMap = {
        tri: ["http://192.168.3.36:9002/", "https://tri.tianyunperfect.cn/"],
        photo_family: [
          "http://192.168.3.36:8063/share?key=LSMTb36t",
          "https://photo.n.tianyunperfect.cn/share?key=LSMTb36t",
          "https://photo.tianyunperfect.cn/share?key=LSMTb36t",
        ],
        photo: [
          "http://192.168.3.36:8063/",
          "https://photo.n.tianyunperfect.cn/",
          "https://photo.tianyunperfect.cn/photos",
        ],
      };

      // 从url里面读取参数 type
      const urlParams = new URLSearchParams(window.location.search);
      const type = urlParams.get("type");
      // 如果type为空，则警告lert("请输入type参数")
      if (!type) {
        showStatus("请输入type参数");
        return;
      }

      const urls = urlMap[type];

      function checkUrl(url) {
        return new Promise((resolve) => {
          const startTime = performance.now();
          const img = new Image();
          let isResolved = false;

          img.onload = function () {
            if (!isResolved) {
              isResolved = true;
              resolve({
                url: url,
                accessible: true,
                responseTime: performance.now() - startTime,
              });
            }
          };

          img.onerror = function () {
            if (!isResolved) {
              isResolved = true;
              resolve({
                url: url,
                accessible: true,
                responseTime: performance.now() - startTime,
              });
            }
          };

          setTimeout(() => {
            if (!isResolved) {
              isResolved = true;
              resolve({
                url: url,
                accessible: false,
                responseTime: 99999,
              });
            }
          }, 5000);

          const timestamp = new Date().getTime();
          img.src = url + `favicon.ico?t=${timestamp}`;
        });
      }

      function showStatus(message, isError = false) {
        let statusDiv = document.getElementById("url-checker-status");
        if (!statusDiv) {
          statusDiv = document.createElement("div");
          statusDiv.id = "url-checker-status";
          statusDiv.style.cssText = `
                position: fixed;
                top: 10px;
                right: 10px;
                padding: 10px;
                background: ${
                  isError ? "rgba(255, 0, 0, 0.8)" : "rgba(0, 0, 0, 0.8)"
                };
                color: white;
                border-radius: 5px;
                z-index: 999999;
                font-family: Arial, sans-serif;
                font-size: 14px;
                max-width: 300px;
                word-break: break-word;
            `;
          document.body.appendChild(statusDiv);
        }
        statusDiv.textContent = message;
        return statusDiv;
      }

      async function checkAllUrls() {
        const statusDiv = showStatus("正在检测网络连接...");

        try {
          const results = await Promise.all(urls.map((url) => checkUrl(url)));
          const accessibleUrls = results.filter((result) => result.accessible);
          console.log("检测结果:", results);

          if (accessibleUrls.length === 0) {
            showStatus("所有地址均无法访问！", true);
            setTimeout(() => statusDiv.remove(), 3000);
            return;
          }

          const fastestUrl = accessibleUrls.reduce((prev, current) =>
            prev.responseTime < current.responseTime ? prev : current
          );

          showStatus(
            `正在跳转到最快地址: ${fastestUrl.url}\n响应时间: ${Math.round(
              fastestUrl.responseTime
            )}ms`
          );

          setTimeout(() => {
            window.location.href = fastestUrl.url;
            statusDiv.remove();
          }, 1500);
        } catch (error) {
          console.error("检测过程出错:", error);
          showStatus("检测过程出错，请稍后重试", true);
          setTimeout(() => statusDiv.remove(), 3000);
        }
      }

      checkAllUrls();
    })();
  </script>
</html>