index.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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. <link rel='stylesheet' href='content/nprogress.css'/>
  9. </head>
  10. <body>
  11. <noscript>
  12. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript
  13. enabled. Please enable it to continue.</strong>
  14. </noscript>
  15. <script type="text/javascript">
  16. var dark = window.localStorage.getItem('APP_DARK');
  17. if(dark){
  18. document.documentElement.classList.add("dark")
  19. }
  20. window.onload = function() {
  21. var nprogressDiv = document.getElementById("nprogressDiv");
  22. nprogressDiv.remove();
  23. }
  24. </script>
  25. <div id="app" class="aminui">
  26. </div>
  27. <div id="nprogressDiv" style="transition: none 0s ease 0s; opacity: 1;">
  28. <div class="bar" role="bar" style="transform: translate3d(0%, 0px, 0px); transition: all 200ms ease 0s;">
  29. <div class="peg"></div>
  30. </div>
  31. <div class="spinner" role="spinner">
  32. <div class="spinner-icon"></div>
  33. </div>
  34. </div>
  35. </body>
  36. <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;">
  37. <h2 style="line-height: 1;margin: 0;font-size: 24px;">The browser kernel version is too early :(</h2>
  38. <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>
  39. <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>
  40. <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>
  41. </div>
  42. <script type="text/javascript">
  43. function getBrowerInfo(){
  44. var userAgent = window.navigator.userAgent;
  45. var browerInfo = {
  46. type: 'unknown',
  47. version: 'unknown',
  48. userAgent: userAgent
  49. };
  50. if(document.documentMode){
  51. browerInfo.type = "IE"
  52. browerInfo.version = document.documentMode + ''
  53. }else if(indexOf(userAgent, "Firefox")){
  54. browerInfo.type = "Firefox"
  55. browerInfo.version = userAgent.match(/Firefox\/([\d.]+)/)[1]
  56. }else if(indexOf(userAgent, "Opera")){
  57. browerInfo.type = "Opera"
  58. browerInfo.version = userAgent.match(/Opera\/([\d.]+)/)[1]
  59. }else if(indexOf(userAgent, "Edg")){
  60. browerInfo.type = "Edg"
  61. browerInfo.version = userAgent.match(/Edg\/([\d.]+)/)[1]
  62. }else if(indexOf(userAgent, "Chrome")){
  63. browerInfo.type = "Chrome"
  64. browerInfo.version = userAgent.match(/Chrome\/([\d.]+)/)[1]
  65. }else if(indexOf(userAgent, "Safari")){
  66. browerInfo.type = "Safari"
  67. browerInfo.version = userAgent.match(/Safari\/([\d.]+)/)[1]
  68. }
  69. return browerInfo
  70. }
  71. function indexOf(userAgent, brower) {
  72. return userAgent.indexOf(brower) > -1
  73. }
  74. function isSatisfyBrower(){
  75. var minVer = {
  76. "Chrome": 71,
  77. "Firefox": 65,
  78. "Safari": 12,
  79. "Edg": 97,
  80. "IE": 999
  81. }
  82. var browerInfo = getBrowerInfo()
  83. if (browerInfo.type === "unknown" && browerInfo.userAgent.indexOf('WebKit') > 0) {
  84. return true;
  85. }
  86. else {
  87. var materVer = browerInfo.version.split('.')[0];
  88. return materVer >= minVer[browerInfo.type];
  89. }
  90. }
  91. if(!isSatisfyBrower()){
  92. document.getElementById('versionCheck').style.display = 'block';
  93. document.getElementById('versionCheck-type').innerHTML = getBrowerInfo().type;
  94. document.getElementById('versionCheck-version').innerHTML = getBrowerInfo().version;
  95. }
  96. </script>
  97. </html>