Intentando detectar el dispositivo IOS y establecer un color de fondo diferente. Pero mi código no funciona. ¿Cómo puedo hacer esto simplemente con javascript puro ...?
JAVASCRIPT
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if (isIOS){ document.body.style.background = "rgba(0,0,0,1)"; console.log('This is an IOS device'); } else{ console.log('This is Not an IOS device'); }Solo funciona la detección de iPhone, pero la detección de iPad no funciona. Pero en mi caso para cambiar el fondo funcionó la función setInterval.
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if (isIOS && window.matchMedia("(max-width: 615px)").matches) { console.log("This is an IOS device"); setInterval(function () { document.body.style.background = "rgba(0,0,0,1)"; }, 5); }Funciona para mi. He usado backgroundColor para hacerlo más específico.
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if (isIOS) { document.body.style.backgroundColor = "rgba(0,0,0,1)"; console.log('This is an iOS device'); } else { console.log('This is Not an iOS device'); }Podría establecer una clase en su lugar, y en la clase especificar
.my-class { background-color: rgba(0,0,0,1) ! important; } ! important debe hacer que anule otros estilos.