Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: UsuarioZ en 17 Febrero 2022, 13:23 pm



Título: Diferencia entre navegadores
Publicado por: UsuarioZ en 17 Febrero 2022, 13:23 pm
Hola, estoy desarrollando un sitio web, pero note que a veces con Edge o Firefox Dev Edition no se ven propiedades de CSS o etiquetas de HTML, ejemplo background-color o un SVG

Por ejemplo hoy quise ponerle fondo rojo a unos "errores" de un arreglo de PHP con clases de CSS pero se ve en todos los navegadores menos en Edge, y un SVG no se ve en Firefox dev edition.

como puedo solucionarlo ?


----------------------------------
Actualizo, curiosamente hoy cuando volví a abrir Edge, el background color comenzó a funcionar también en este navegador, no entiendo bien que habrá pasado ahí   :huh:


Título: Re: Diferencia entre navegadores
Publicado por: [u]nsigned en 23 Febrero 2022, 00:17 am
los diferentes navegadores soportan de forma diferente CSS. para muchos casos hay que usar prefijos o directamente no soportan tal cosa.

Podes usar la web de Can I Use para ver que soporte tiene una tecnología web, y en el caso de que uses node tambien podes configurar webpack para que use polyfills para dar soporte de cosas nuevas a browsers antiguos.

https://caniuse.com/?search=text-clip


Título: Re: Diferencia entre navegadores
Publicado por: UsuarioZ en 25 Febrero 2022, 23:14 pm
los diferentes navegadores soportan de forma diferente CSS. para muchos casos hay que usar prefijos o directamente no soportan tal cosa.

Podes usar la web de Can I Use para ver que soporte tiene una tecnología web, y en el caso de que uses node tambien podes configurar webpack para que use polyfills para dar soporte de cosas nuevas a browsers antiguos.

https://caniuse.com/?search=text-clip

Gracias voy a buscar sobre polyfills


Título: Re: Diferencia entre navegadores
Publicado por: @XSStringManolo en 26 Febrero 2022, 01:45 am
En tu caso no es ningún tipo de incompatibilidad, ya que las propiedades que mencionas están disponibles desde hace años en los navegadores que mencionas. Tampoco hay una cosa tal que "incompatibilidad esporádica", por lo cual yo descartaría totalmente problemas de incompatibilidad.

Probablemente la imagen no se descargó correctamente. La causa del problema podría ser una copia de recursos antiguos en caché del navegador, un error en las peticiones o que el navegador directamente no descargó la plantilla de CSS.

No conozco ninguna causa que justifique los problemas que describes. Si compartes el código, podría evaluar mejor los factores y probarlo en distinos navegadores, tratar de recrear el problema...


Título: Re: Diferencia entre navegadores
Publicado por: UsuarioZ en 26 Febrero 2022, 19:20 pm
En tu caso no es ningún tipo de incompatibilidad, ya que las propiedades que mencionas están disponibles desde hace años en los navegadores que mencionas. Tampoco hay una cosa tal que "incompatibilidad esporádica", por lo cual yo descartaría totalmente problemas de incompatibilidad.

Probablemente la imagen no se descargó correctamente. La causa del problema podría ser una copia de recursos antiguos en caché del navegador, un error en las peticiones o que el navegador directamente no descargó la plantilla de CSS.

No conozco ninguna causa que justifique los problemas que describes. Si compartes el código, podría evaluar mejor los factores y probarlo en distinos navegadores, tratar de recrear el problema...

Si, era el cache del navegador, solucionado al borrar el cache, gracias.