Necesitaría algo como esto:
if { @supports not(display: grid) { window.alert("Please use a different browser."); } } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>Entonces, si la cuadrícula CSS no es compatible con un navegador, debería mostrar una alerta de JavaScript . Sé cómo funcionaría solo con CSS, pero necesito una solución JavaScript o jQuery, sin HTML en la sección HTML. ¿Cómo es posible hacer eso?
Estás haciendo esto demasiado complicado 😀
if (document.documentElement.style.grid === undefined) { alert("Please use a different browser."); } En los navegadores modernos, grid es una propiedad del estilo de cada elemento. Si no está definido, entonces el navegador no lo admite.
Puede crear un elemento que normalmente está oculto, pero que se vuelve visible si no se admite la cuadrícula. Consulte https://developer.mozilla.org/en-US/docs/Web/CSS/@supports
Por ejemplo, tiene un warning-message elemento con display: none; y
@supports not (display: grid) { #warning-message { display: block; } }