partage/breakout-custom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adapter pour afficher une image statique sur mobile

Browse source
This commit is contained in:
François Pelletier 2024-09-01 12:57:09 -04:00
parent 3351771be7
commit 15957f0462
4 changed files with 37 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/javascripts/device-detection.js Normal file
View file

@ -0,0 +1,24 @@
// public/javascripts/device-detection.js
function isMobileDevice() {
return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
}
function checkDeviceType() {
const gameContainer = document.getElementById('gameContainer');
const mobileMessage = document.getElementById('mobileMessage');
if (isMobileDevice()) {
gameContainer.style.display = 'none';
mobileMessage.style.display = 'block';
} else {
gameContainer.style.display = 'block';
mobileMessage.style.display = 'none';
}
}
// Run the check when the page loads
window.addEventListener('load', checkDeviceType);
// Also run the check if the window is resized (in case of device rotation)
window.addEventListener('resize', checkDeviceType);