japanese-drum-game/public/src/js/browsersupport.js

190 lines
4.9 KiB
JavaScript
Raw Normal View History

2018-11-27 07:05:02 +08:00
function browserSupport(){
var tests = {
"Arrow function": function(){
eval("()=>{}")
return true
},
"AudioContext": function(){
2018-12-13 17:18:52 +08:00
if("AudioContext" in window || "webkitAudioContext" in window){
return typeof (window.AudioContext || window.webkitAudioContext) === "function"
}
return false
2018-11-27 07:05:02 +08:00
},
"Class": function(){
eval("class a{}")
return true
},
"Array.find": function(){
return "find" in Array.prototype && "findIndex" in Array.prototype
},
"Path2D SVG": function(){
var canvas = document.createElement("canvas")
canvas.width = 1
canvas.height = 1
var ctx = canvas.getContext("2d")
var path = new Path2D("M0 0H1V1H0")
ctx.fill(path)
return ctx.getImageData(0, 0, 1, 1).data[3] !== 0
},
"Promise": function(){
if("Promise" in window && "resolve" in window.Promise && "reject" in window.Promise && "all" in window.Promise && "race" in window.Promise){
var resolve
new window.Promise(function(r){resolve = r})
return typeof resolve === "function"
}
2018-11-27 07:43:46 +08:00
return false
2018-11-27 07:05:02 +08:00
},
2018-12-02 23:25:42 +08:00
"CSS calc": function(){
2018-11-27 07:05:02 +08:00
var el = document.createElement("a")
el.style.width = "calc(1px)"
return el.style.length !== 0
2018-12-02 23:25:42 +08:00
},
"let statement": function(){
eval("let a")
return true
},
"CSS custom property": function(){
var el = document.createElement("a")
el.style.setProperty("--a", 1)
return el.style.length !== 0
},
"Font Loading API": function(){
return typeof FontFace === "function"
2018-11-27 07:05:02 +08:00
}
}
2019-01-27 02:29:13 +08:00
failedTests = []
2018-11-27 07:05:02 +08:00
for(var name in tests){
var result = false
try{
result = tests[name]()
}catch(e){}
if(result === false){
2019-01-27 02:29:13 +08:00
failedTests.push(name)
2018-11-27 07:05:02 +08:00
}
}
if(failedTests.length !== 0){
2019-01-27 02:29:13 +08:00
showUnsupported()
}
}
function showUnsupported(strings){
if(!strings){
var lang
try{
if("localStorage" in window && window.localStorage.lang && window.localStorage.lang in allStrings){
lang = window.localStorage.lang
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
if(!lang && "languages" in navigator){
var userLang = navigator.languages.slice()
userLang.unshift(navigator.language)
for(var i in userLang){
for(var j in allStrings){
if(allStrings[j].regex.test(userLang[i])){
lang = j
}
}
}
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
}catch(e){}
if(!lang){
lang = "en"
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
strings = allStrings[lang]
}
var div = document.getElementById("unsupportedBrowser")
if(div){
div.parentNode.removeChild(div)
}
div = document.createElement("div")
div.id = "unsupportedBrowser"
var warn = document.createElement("div")
warn.id = "unsupportedWarn"
warn.innerText = "!"
div.appendChild(warn)
var hide = document.createElement("div")
hide.id = "unsupportedHide"
hide.innerText = "x"
div.appendChild(hide)
var span = document.createElement("span")
var browserWarning = strings.browserSupport.browserWarning.split("%s")
for(var i = 0; i < browserWarning.length; i++){
if(i !== 0){
var link = document.createElement("a")
link.innerText = strings.browserSupport.details
span.appendChild(link)
}
span.appendChild(document.createTextNode(browserWarning[i]))
}
div.appendChild(span)
var details = document.createElement("div")
details.id = "unsupportedDetails"
details.appendChild(document.createTextNode(strings.browserSupport.failedTests))
var ul = document.createElement("ul")
for(var i = 0; i < failedTests.length; i++){
var li = document.createElement("li")
li.innerText = failedTests[i]
ul.appendChild(li)
}
details.appendChild(ul)
var supportedBrowser = strings.browserSupport.supportedBrowser.split("%s")
for(var i = 0; i < supportedBrowser.length; i++){
if(i !== 0){
var chrome = document.createElement("a")
chrome.href = "https://www.google.com/chrome/"
chrome.innerText = "Google Chrome"
details.appendChild(chrome)
}
details.appendChild(document.createTextNode(supportedBrowser[i]))
}
div.appendChild(details)
document.body.appendChild(div)
var divClick = function(event){
if(event.type === "touchstart"){
event.preventDefault()
getSelection().removeAllRanges()
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
div.classList.remove("hidden")
}
div.addEventListener("click", divClick)
div.addEventListener("touchstart", divClick)
var toggleDetails = function(event){
if(event.type === "touchstart"){
2018-11-27 07:05:02 +08:00
event.preventDefault()
2019-01-27 02:29:13 +08:00
}
if(details.style.display === "block"){
details.style.display = ""
}else{
details.style.display = "block"
}
}
link.addEventListener("click", toggleDetails)
link.addEventListener("touchstart", toggleDetails)
var hideClick = function(event){
if(event.type === "touchstart"){
event.preventDefault()
}
event.stopPropagation()
div.classList.add("hidden")
}
hide.addEventListener("click", hideClick)
hide.addEventListener("touchstart", hideClick)
chrome.addEventListener("touchend", function(event){
event.preventDefault()
chrome.click()
})
var touchText = function(){
div.style.fontSize = "4em"
removeEventListener("touchstart", touchText)
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
addEventListener("touchstart", touchText)
2018-11-27 07:05:02 +08:00
}
2019-01-27 02:29:13 +08:00
var failedTests
2018-11-27 07:05:02 +08:00
browserSupport()