添加浏览器判断

browser-compatibility.js

@@ -0,0 +1,35 @@
+let needUpdateBrowser = (()=>{
+	try {
+		return !Boolean(eval("undefined ?? true"));
+	} catch (e) {
+		if (e.name !== 'SyntaxError') throw e // Throw the error if it is not a SyntaxError
+		return true;
+	}
+}
+)();
+
+if (needUpdateBrowser)
+{
+	let browserVersion = ((UA)=>{
+		let regRes;
+		if (regRes = /(Firefox|Chrome)\/([\d\.]+)/ig.exec(navigator.userAgent))
+		{
+			return `${regRes[1]} ${regRes[2]}`;
+		}else if (regRes = /Version\/([\d\.]+)\s+(Safari)\//ig.exec(navigator.userAgent))
+		{
+			return `${regRes[2]} ${regRes[1]}`;
+		}else
+		{
+			navigator.userAgent;
+		}
+	})(navigator.userAgent);
+	
+alert(`你的浏览器 | Your browser:
+${browserVersion}
+
+您的浏览器不支持 可选链操作符(?.) 和 空值合并操作符(??)。
+Your browser does not support Optional chaining (?.) and Nullish coalescing operator (??).
+
+请更新您的浏览器到 火狐 ≥ 74 或 谷歌 ≥ 80。
+Please update your browser to Firefox ≥ 74 or Chrome ≥ 80.`);
+}

multi.html

@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <title>智龙迷城车队阵型图制作工具</title>
 <link rel="shortcut icon" href="images/icon.png" type="image/x-png" />
+<script type="text/javascript" src="browser-compatibility.js">//浏览器版本测试</script>
 <meta name="viewport" content="width=664" />
 <link href="style.css" rel="stylesheet" type="text/css">
 <link href="style-monsterimages.css" rel="stylesheet" type="text/css">

script.js

@@ -669,15 +669,6 @@ function turnPage(toPage, e = null) {
 	}
 }
 window.onload = function(event) {
-	if (!Array.prototype.flat)
-	{
-		alert(`请更新您的浏览器。火狐≥62 或 谷歌≥69
-Please update your browser. Firefox≥62 or Chrome≥69
-
-你的浏览器:
-Your browser:
-${navigator.userAgent}`);
-	}
 
 	qrcodeReader = new ZXing.BrowserQRCodeReader(); //二维码读取
 	qrcodeWriter = new ZXing.BrowserQRCodeSvgWriter(); //二维码生成

solo.html

@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <title>智龙迷城车队阵型图制作工具</title>
 <link rel="shortcut icon" href="images/icon.png" type="image/x-png" />
+<script type="text/javascript" src="browser-compatibility.js">//浏览器版本测试</script>
 <meta name="viewport" content="width=664" />
 <link href="style.css" rel="stylesheet" type="text/css">
 <link href="style-monsterimages.css" rel="stylesheet" type="text/css">

triple.html

@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <title>智龙迷城车队阵型图制作工具</title>
 <link rel="shortcut icon" href="images/icon.png" type="image/x-png" />
+<script type="text/javascript" src="browser-compatibility.js">//浏览器版本测试</script>
 <meta name="viewport" content="width=756" />
 <link href="style.css" rel="stylesheet" type="text/css">
 <link href="style-monsterimages.css" rel="stylesheet" type="text/css">