developer - jQuery provoca advertencias de tamaño de caja de Firefox
firebug (2)
Según la gente de jQuery, esto es un problema de Firefox y no pueden hacer nada al respecto. A partir de Firefox 27 (beta) todavía está sucediendo. Ver: http://bugs.jquery.com/ticket/13569
Tengo la extensión WebDeveloper y recibí una advertencia de CSS, así que fui a investigar. La advertencia es 3 de los siguientes:
Warning: Unknown property ''box-sizing''. Declaration dropped.
Line: 0
Luego hice un archivo en blanco y noté que no estaba allí. Unos minutos más tarde, encontré una causa reproducible: ¡incluido el script jQuery 1.9.1!
¿Qué puedo o debo hacer? Quiero usar jquery pero me resulta un poco molesto que siempre vea advertencias de CSS en mi barra de herramientas.
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>Empty</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</body>
</html>
Opciones
- Utilice jQuery 1.7.2.
- Plantea el problema con el equipo de jQuery y espera una solución (o preséntalo tú mismo).
- Use Firebug en lugar de WebDeveloper (que puede o no ayudar).
- Ignoralo.
Siempre que la página se muestre correctamente, creo que esta es una advertencia que puede ignorar de manera segura, incluso si está creando un sitio web que requiera la validación estricta del CSS.
Las advertencias deberían desaparecer tan pronto como Firefox tenga soporte completo para box-sizing de la box-sizing (sin requerir el prefijo -moz- ), pero eso no sucederá hasta algunas versiones después de Firefox 21.
Información de fondo
La advertencia surge de las diferentes sintaxis necesarias para ciertos estilos CSS. Para admitir todos los navegadores, generalmente tiene que especificar todas las diferentes sintaxis. Los navegadores ignorarán los que no reconocen.
En el caso de box-sizing de box-sizing , Firefox requiere el prefijo -moz- , las primeras versiones de Safari Mobile y el navegador de Android requieren el prefijo -webkit- , y otros navegadores no requieren ningún prefijo:
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
Un problema similar surge al agregar un gradiente lineal, en este caso causado por el valor en lugar del nombre de la propiedad:
background-image: -webkit-linear-gradient(top, #444, #999);
background-image: -moz-linear-gradient(top, #444, #999);
background-image: -ms-linear-gradient(top, #444, #999);
background-image: -o-linear-gradient(top, #444, #999);
background-image: linear-gradient(top, #444, #999);
Cuando surgen advertencias de las diferentes sintaxis utilizadas, generalmente se trata de un validador o una consola de errores que no es lo suficientemente inteligente como para reconocer un problema real de uno inofensivo que a menudo es inevitable. Y para ser justos, de hecho se identifica como una advertencia, no un error.
información adicional
Las versiones más recientes de jQuery hacen uso del estilo de box-sizing para propósitos internos. jQuery 1.8.0 solo produce una única advertencia de box-sizing , y jQuery 1.7.2 no produce ninguna.
jQuery puede estar usándolo de una manera un tanto descuidada, sin probar primero si hay algún tipo de soporte, pero sin hacer ningún daño real. Si es así, si suficientes personas se quejan al equipo de jQuery, el código de jQuery podría ser refactorizado para solucionar este problema (a costa de que jQuery se ejecute un poquito más lento).
Si la advertencia fuera sobre el -moz-box-sizing lugar del -moz-box-sizing de la box-sizing , eso probablemente sugeriría un posible error con Firefox en lugar de un problema menor con jQuery.