diff --git a/editor/index.js b/editor/index.js index fc51e44..1c9d9d4 100644 --- a/editor/index.js +++ b/editor/index.js @@ -642,6 +642,13 @@ function setURL() { $('loadingContainer').style.display = 'none'; const s = $('startContainer'); s.style.display = ''; + + const mayBeChrome122 = (navigator.userAgentData?.brands || []).findIndex(e => e.version === '122') >= 0; + if (mayBeChrome122) { + const chrome122Issue = $('chrome122issue'); + chrome122Issue.style.display = ''; + } + s.addEventListener('click', function() { s.style.display = 'none'; main(); diff --git a/html5bytebeat.html b/html5bytebeat.html index 896fc9e..614edf1 100644 --- a/html5bytebeat.html +++ b/html5bytebeat.html @@ -262,6 +262,7 @@ #loadingContainer, #startContainer { display: flex; + flex-direction: column; justify-content: center; align-items: center; z-index: 1000; @@ -292,6 +293,17 @@ background-color: rgba(0, 0, 0, 0.9); color: #0F0 } +#chrome122issue { + margin: 1em; + padding: 1em; + border-radius: 1em; + background-color: red; + color: white; +} +#chrome122issue a { + text-decoration: underline; + color: cyan; +} @media screen and (max-width: 700px) { #startButton { font-size: 48pt; @@ -346,7 +358,10 @@