Actualmente estoy preparando un sitio web que debería cambiar el sitio web completo a pantalla completa a pedido del usuario. Yo uso la siguiente función:
launchFullScreen(document.documentElement); function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } }Todo funciona bien en Edge, Chrome y FF, sin embargo, en Safari, el color del cuerpo de mi sitio web cambia de negro a blanco; también la consola del navegador se vuelve negra, por lo que realmente no puedo ver lo que está sucediendo allí. ¿Algunas ideas?
Resulta que Safari de alguna manera cambió el color de fondo al solicitarlo en pantalla completa. Agregar lo siguiente al CSS de la página resolvió el problema:
html:-webkit-full-screen { background-color: black !important; }