index.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="./favicon.ico" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>管乐迷</title>
  8. <script type="module" crossorigin src="./assets/index.1c7ecec6.js"></script>
  9. <link rel="modulepreload" href="./assets/vendor.65bdc0e9.js">
  10. <link rel="stylesheet" href="./assets/index.cd9189f2.css">
  11. <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
  12. </head>
  13. <body>
  14. <div id="app"></div>
  15. <div id="notification_1" class="el-notification right hide" role="alert" style="top: 16px; z-index: 2011;"><i class="el-icon el-notification__icon el-notification--info"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"></path></svg></i><div class="el-notification__group"><h2 class="el-notification__title">提示</h2><div class="el-notification__content"><p>为了保障更好的直播体验,建议使用chrome浏览器</p></div><i id="noClose" class="el-icon el-notification__closeBtn"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"></path></svg></i></div></div>
  16. <script>
  17. var win = window;
  18. var nav = win.navigator;
  19. var doc = win.document;
  20. var ieAX = win.ActiveXObject;
  21. var ieMode = doc.documentMode;
  22. var REG_APPLE = /^Apple/;
  23. // var ieVer = _getIeVersion() || ieMode || 0;
  24. var isIe = ieAX || ieMode;
  25. // var chromiumType = _getChromiumType();
  26. /**
  27. * 检测 external 是否包含该字段
  28. * @param reg 正则
  29. * @param type 检测类型,0为键,1为值
  30. * @returns {boolean}
  31. * @private
  32. */
  33. function _testExternal(reg, type) {
  34. var external = win.external || {};
  35. for (var i in external) {
  36. if (reg.test(type ? external[i] : i)) {
  37. return true;
  38. }
  39. }
  40. return false;
  41. }
  42. /**
  43. * 获取 Chromium 内核浏览器类型
  44. * @link http://www.adtchrome.com/js/help.js
  45. * @link https://ext.chrome.360.cn/webstore
  46. * @link https://ext.se.360.cn
  47. * @return {String}
  48. * 360ee 360极速浏览器
  49. * 360se 360安全浏览器
  50. * sougou 搜狗浏览器
  51. * liebao 猎豹浏览器
  52. * chrome 谷歌浏览器
  53. * '' 无法判断
  54. * @version 1.0
  55. */
  56. function _getChromiumType() {
  57. if (isIe || typeof win.scrollMaxX !== 'undefined' || REG_APPLE.test(nav.vendor || '')) {
  58. return '';
  59. }
  60. var _track = 'track' in document.createElement('track');
  61. var webstoreKeysLength = win.chrome && win.chrome.webstore ? Object.keys(win.chrome.webstore).length : 0;
  62. console.log(webstoreKeysLength)
  63. // 搜狗浏览器
  64. if (_testExternal(/^sogou/i, 0)) {
  65. return 'sogou';
  66. }
  67. // 猎豹浏览器
  68. if (_testExternal(/^liebao/i, 0)) {
  69. return 'liebao';
  70. }
  71. // chrome 由于360极速浏览器 内核也是 chrome,所以先判断360极速浏览器
  72. if (win.clientInformation && win.clientInformation.permissions) {
  73. return 'chrome';
  74. }
  75. if (_track) {
  76. // 360极速浏览器
  77. // 360安全浏览器
  78. return webstoreKeysLength > 1 ? '360ee' : '360se';
  79. }
  80. return '';
  81. }
  82. // 获得ie浏览器版本
  83. function _getIeVersion() {
  84. var v = 3,
  85. p = document.createElement('p'),
  86. all = p.getElementsByTagName('i');
  87. while (
  88. p.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
  89. all[0]);
  90. return v > 4 ? v : 0;
  91. }
  92. function getBrowserInfo() {
  93. const userAgent = navigator.userAgent.toLocaleLowerCase();
  94. if (userAgent.match(/chrome/) != null) {
  95. if (userAgent.match(/wow64/) != null) {
  96. return false
  97. } else {
  98. return true
  99. }
  100. }
  101. }
  102. var isChrome = getBrowserInfo()
  103. var isCloseBrowser = sessionStorage.getItem('isCloseBrowser')
  104. console.log(isChrome, isCloseBrowser)
  105. // 如果不是360浏览器会提示
  106. if((!isChrome) && !isCloseBrowser) {
  107. console.log(document.getElementById('notification_1').className)
  108. document.getElementById('notification_1').className = 'el-notification right'
  109. // document.getElementById('notification_1').classList.remove('hide')
  110. sessionStorage.removeItem('isCloseBrowser')
  111. }
  112. document.getElementById('noClose').onclick = function() {
  113. // document.getElementById('notification_1').classList.add('hide')
  114. document.getElementById('notification_1').className = 'el-notification right hide'
  115. sessionStorage.setItem('isCloseBrowser', 1)
  116. }
  117. </script>
  118. <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  119. <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.3fc2007f.js"></script>
  120. <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.7e2c583b.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  121. </body>
  122. </html>