const unsupportFeatures = (()=>{ function runCodeWithFunction(obj) { return Function('"use strict";return (' + obj + ")")(); } const features = [ {name: "Optional chaining (?.) / 可选链操作符(?.)", version:{firefox:74,chrome:80,safari:13.4}, url: "https://caniuse.com/mdn-javascript_operators_optional_chaining", test: ()=>Boolean(runCodeWithFunction("undefined?.undefined || true"))}, {name: "Nullish coalescing operator (??) / 空值合并操作符(??)", version:{firefox:72,chrome:80,safari:13.4}, url: "https://caniuse.com/mdn-javascript_operators_nullish_coalescing", test: ()=>Boolean(runCodeWithFunction("undefined ?? true"))}, {name: "BigInt value (1n) / BigInt 数据类型(1n)", version:{firefox:79,chrome:67,safari:14}, url: "https://caniuse.com/bigint", test: ()=>Boolean(runCodeWithFunction("1n"))}, // {name: "CSS selector: :is() / CSS选择器: :is()", version:{firefox:78,chrome:88,safari:14}, url: "https://caniuse.com/css-matches-pseudo", test: ()=>Boolean(eval("document.querySelector(':is()') || true"))}, // {name: "CSS selector: :where() / CSS选择器: :where()", version:{firefox:78,chrome:88,safari:14}, url: "https://caniuse.com/mdn-css_selectors_where", test: ()=>Boolean(eval("document.querySelector(':where()') || true"))}, {name: "CSS selector: :not() / CSS选择器: :not()", version:{firefox:84,chrome:88,safari:9}, url: "https://caniuse.com/css-not-sel-list", test: ()=>Boolean(runCodeWithFunction("document.querySelector(':not(html)') || true"))}, // {name: "Private class fields (#name) / 类私有域(#name)", version:{firefox:90,chrome:74,safari:14.5}, url: "https://caniuse.com/mdn-javascript_classes_private_class_fields", test: ()=>Boolean(eval("class test {#v = 0;}; true;"))}, // {name: "Dialog element / Dialog 元素", version:{firefox:98,chrome:37,safari:15.4}, url: "https://caniuse.com/dialog", test: ()=>Boolean(eval("HTMLDialogElement"))}, ] return features.filter(feature=>{ try { return !feature.test(); } catch (e) { if (e.name !== 'SyntaxError') console.error(e); return true; } }) })(); if (unsupportFeatures.length) { const browserVersion = ((UA)=>{ let regRes; if (regRes = /\b(Firefox|Chrome)\/([\d\.]+)/ig.exec(UA)) { return `${regRes[1]} ${regRes[2]}`; } else if (regRes = /\bVersion\/([\d\.]+)\s+.*\b(Safari)\//ig.exec(UA)) { return `${regRes[2]} ${regRes[1]}`; } else { UA; } })(navigator.userAgent); //支持的最低版本 const needBrowserVersion = unsupportFeatures.reduce((pre,{version})=>{ pre.firefox = Math.max(pre.firefox,version.firefox); pre.chrome = Math.max(pre.chrome,version.chrome); pre.safari = Math.max(pre.safari,version.safari); return pre; }, {firefox:0,chrome:0,safari:0}); let alertStr; if (/^zh-(?:han(?:s|t)-)?/.test(navigator.language)) { alertStr = `🙁浏览器内核版本太老
您的浏览器版本为: ${browserVersion}
您的浏览器内核不支持本程序使用的以下技术
    ${unsupportFeatures.map(feature=>`
  1. ${feature.name}
  2. `).join('')}
请更新您的浏览器内核到 Firefox(火狐) ≥ ${needBrowserVersion.firefox} 或 Chrome(谷歌) ≥ ${needBrowserVersion.chrome} 或 Safari ≥ ${needBrowserVersion.safari}。`; } else { alertStr = `🙁Browser kernel is too old
Your browser is: ${browserVersion}
Your browser kernel does not support the following technologies used by this program:
    ${unsupportFeatures.map(feature=>`
  1. ${feature.name}
  2. `).join('')}
Please update your browser core to Firefox ≥ ${needBrowserVersion.firefox} or Chrome ≥ ${needBrowserVersion.chrome} or Safari ≥ ${needBrowserVersion.safari}`; } //alert(alertStr); document.write(alertStr); } if (/\b(?:MicroMessenger|WeChat|Weixin|QQ|AliApp)\b/.test(navigator.userAgent)) { const mask = document.createElement("div"); mask.id = "denied-mask"; const css = ` #denied-mask { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: #000A; } .alert { font-size: 2em; font-weight: bold; color: white; text-align: center; } `; const style = mask.appendChild(document.createElement("style")); style.appendChild(document.createTextNode(css)); const alertDiv = mask.appendChild(document.createElement("div")); alertDiv.className = "alert"; alertDiv.innerHTML = `请勿使用内置浏览
点击菜单使用正常浏览器打开↗`; const event = window.addEventListener("load", ()=>{ document.body.appendChild(mask); window.removeEventListener(event); }); }