Estoy trabajando en el front-end de un sitio web y necesito ver cómo se comporta mi código en diferentes sistemas/navegadores. Firefox y Chromium tienen herramientas de desarrollo que permiten configurar la pantalla en diferentes tamaños, pero no pueden emular completamente el mecanismo de ampliación de Apple y los sitios seguirán luciendo ligeramente diferentes. Además, no tienen en cuenta los diferentes navegadores.
¿Existe alguna herramienta o software que pueda usar con Ubuntu para comprobar cómo se verá mi sitio en diferentes dispositivos/navegadores?
Respuesta1
Hay servicios como:
- Pila de navegadores
- prueba móvil
- Responsimulador
- Apetitar- Probablemente el mejor, pero tremendamente lento para mí.
La mejor manera es probar el sitio en un dispositivo físico. Descubrí que todas estas formas son lentas.
Respuesta2
Ingrese la URL de su sitio, local o en línea, y use los controles para ajustar el ancho y alto de su ventana gráfica para encontrar anchos de punto de interrupción exactos en píxeles. Luego use esa información en sus consultas de medios para crear un diseño responsivo.
Para obtener mejores resultados con responsivepx, debes pensar de forma innovadora. Por alguna razón, no puedo lograr que Google y Twitter me muestren nada más que una pantalla blanca en blanco en responsivepx, a pesar de que Bing y los sitios web de noticias complicados se muestran bien.