ios版本若大于17则不展示下载按钮

app/page.jsx

@@ -11,14 +11,25 @@ import { generateSignature } from "@/utils/crypto";
 export default function Home() {
   const [deviceType, setDeviceType] = useState("");
   const [installInfo, setInstallInfo] = useState({});
+  const [isIosVersionGreaterThan17, setIsIosVersionGreaterThan17] =
+    useState(false);
 
   useEffect(() => {
     const userAgent = navigator.userAgent;
+    console.log(userAgent);
     //区分设备类型
     if (/Android/i.test(userAgent)) {
       setDeviceType("Android");
     } else if (/iPhone|iPad|iPod/i.test(userAgent)) {
       setDeviceType("ios");
+      //区分ios版本号是否小于18，小于18则不展示下载按钮
+      const version = userAgent
+        .toLowerCase()
+        .match(/cpu iphone os (.*?) like mac os/);
+      if (version) {
+        const mainVersion = parseInt(version[1].split("_")[0], 10);
+        mainVersion > 17 && setIsIosVersionGreaterThan17(true);
+      }
     } else {
       setDeviceType("pc");
     }
@@ -204,7 +215,8 @@ export default function Home() {
           )}
           {(deviceType === "Android" ||
             (deviceType === "ios" &&
-              installInfo?.is_ios_install_button_visible === 1)) && (
+              installInfo?.is_ios_install_button_visible === 1 &&
+              !isIosVersionGreaterThan17)) && (
             <div
               className={`btn ${
                 deviceType === "ios"