index.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  8. </head>
  9. <body>
  10. <noscript>
  11. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript
  12. enabled. Please enable it to continue.</strong>
  13. </noscript>
  14. <script type="text/javascript">
  15. var dark = window.localStorage.getItem('APP_DARK');
  16. if(dark){
  17. document.documentElement.classList.add("dark")
  18. }
  19. </script>
  20. <div id="app" class="aminui">
  21. </div>
  22. </body>
  23. <div id="versionCheck" style="display: none;position: absolute;z-index: 99;top:0;left:0;right:0;bottom:0;padding:40px;background:rgba(255,255,255,0.9);color: #333;">
  24. <h2 style="line-height: 1;margin: 0;font-size: 24px;">The browser kernel version is too early :(</h2>
  25. <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 20px;opacity: 0.8;">Current version: <span id="versionCheck-type">--</span> <span id="versionCheck-version">--</span></p>
  26. <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">Minimum Version: Chrome 71+、Firefox 65+、Safari 12+、Edge 97+.</p>
  27. <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">Upgrade your browser version, or switch to a modern browser, or switch to Top speed/High speed mode if you are using a dual-core browser.</p>
  28. </div>
  29. <script type="text/javascript">
  30. function getBrowerInfo(){
  31. var userAgent = window.navigator.userAgent;
  32. var browerInfo = {
  33. type: 'unknown',
  34. version: 'unknown',
  35. userAgent: userAgent
  36. };
  37. if(document.documentMode){
  38. browerInfo.type = "IE"
  39. browerInfo.version = document.documentMode + ''
  40. }else if(indexOf(userAgent, "Firefox")){
  41. browerInfo.type = "Firefox"
  42. browerInfo.version = userAgent.match(/Firefox\/([\d.]+)/)[1]
  43. }else if(indexOf(userAgent, "Opera")){
  44. browerInfo.type = "Opera"
  45. browerInfo.version = userAgent.match(/Opera\/([\d.]+)/)[1]
  46. }else if(indexOf(userAgent, "Edg")){
  47. browerInfo.type = "Edg"
  48. browerInfo.version = userAgent.match(/Edg\/([\d.]+)/)[1]
  49. }else if(indexOf(userAgent, "Chrome")){
  50. browerInfo.type = "Chrome"
  51. browerInfo.version = userAgent.match(/Chrome\/([\d.]+)/)[1]
  52. }else if(indexOf(userAgent, "Safari")){
  53. browerInfo.type = "Safari"
  54. browerInfo.version = userAgent.match(/Safari\/([\d.]+)/)[1]
  55. }
  56. return browerInfo
  57. }
  58. function indexOf(userAgent, brower) {
  59. return userAgent.indexOf(brower) > -1
  60. }
  61. function isSatisfyBrower(){
  62. var minVer = {
  63. "Chrome": 71,
  64. "Firefox": 65,
  65. "Safari": 12,
  66. "Edg": 97,
  67. "IE": 999
  68. }
  69. var browerInfo = getBrowerInfo()
  70. if (browerInfo.type === "unknown" && browerInfo.userAgent.indexOf('WebKit') > 0) {
  71. return true;
  72. }
  73. else {
  74. var materVer = browerInfo.version.split('.')[0];
  75. return materVer >= minVer[browerInfo.type];
  76. }
  77. }
  78. if(!isSatisfyBrower()){
  79. document.getElementById('versionCheck').style.display = 'block';
  80. document.getElementById('versionCheck-type').innerHTML = getBrowerInfo().type;
  81. document.getElementById('versionCheck-version').innerHTML = getBrowerInfo().version;
  82. }
  83. </script>
  84. </html>