Cómo probar un sitio web en diferentes navegadores de la manera más fácil (2 métodos)
No todos los navegadores web son creados igual. Y aunque los navegadores más populares son más similares que nunca, siguen siendo lo suficientemente distintos como para que no necesariamente muestren tu sitio web de la misma manera. Es crucial, por lo tanto, probar un sitio web en diferentes navegadores.
Realizar este tipo de pruebas con navegadores cruzados es importante para cualquier sitio de WordPress, grande o pequeño. Después de todo, querrás que tus visitantes tengan una experiencia fluida, sin importar el dispositivo y el navegador que utilicen para explorar tu contenido. Con un poco de tiempo y esfuerzo, puedes asegurarte de que tu sitio funcione bien y se vea bien sin importar qué .
En este post, vamos a explicar por qué las pruebas de navegadores cruzados es algo que querrás hacer, tanto cuando crees tu sitio como periódicamente a partir de entonces. Luego le mostraremos cómo probar un sitio web en diferentes navegadores, usando dos simples herramientas. Aprende a probar tu sitio web #WordPress # en diferentes navegadores (¡y por qué deberías hacerlo!).
Contents
Probablemente tienes un navegador favorito – la mayoría de la gente lo tiene – y es probable que no uses nada más para trabajar en tu sitio web. El candidato más probable es Chrome, que tiene, con mucho, la mayor cuota de mercado, pero las alternativas como Firefox, Safari e Internet Explorer siguen siendo populares.
Sin embargo, si pasas tu tiempo usando sólo tu navegador preferido, puede ser fácil olvidar que no todos funcionan de la misma manera. Aunque la mayoría de los navegadores modernos son similares, están codificados de manera diferente y tienen conjuntos de características variadas.
Como resultado, un sitio web no siempre se verá o actuará igual en todos los navegadores. Si sólo has visto tu propio sitio en Chrome, y cambias a Firefox o Safari, puede que te sorprendan las diferencias. Es posible que el diseño no tenga el mismo aspecto y que algunas características específicas funcionen de forma incorrecta.
Afortunadamente, este es un problema fácil de evitar probando su sitio web en una variedad de navegadores – preferiblemente las opciones más populares. Dado que es una tarea tan crucial, hay muchos recursos y herramientas para ayudarle.
Es difícil predecir exactamente cómo se desempeñará su sitio web en cualquier navegador. Para evitar problemas potenciales, la mejor y más simple solución es hacer algunas pruebas. Mientras que tú podrías descargar un montón de navegadores y realizar esas pruebas manualmente, es mucho más fácil con algunas herramientas dedicadas.
Es muy importante probar un sitio web en diferentes navegadores cuando se diseña por primera vez, o cuando se hacen cambios importantes. Sin embargo, también es inteligente repetir estas pruebas periódicamente, ya que los navegadores pasan por muchas actualizaciones y cambios. Sugerimos realizar una revisión exhaustiva al menos una vez al año.
Las dos herramientas siguientes pueden ayudarle, y aunque ambas tienen el mismo objetivo básico, cada una ofrece características y resultados algo diferentes. Por lo tanto, puede beneficiarse de probar ambas y ver cuál se ajusta mejor a sus necesidades.
Empecemos con la herramienta más simple. Browsershots es bastante básica en cómo funciona y lo que ofrece, aunque eso no significa que no sea útil. Al contrario, es una manera perfecta de comenzar el proceso de prueba.
Para usar Browsershots, tendrás que visitar su página de inicio e introducir la URL de tu sitio web en el campo. Luego, selecciona todos los navegadores que quieras probar de las opciones que aparecen a continuación:
Hay un montón de opciones aquí, que cubren la mayoría de los principales navegadores y sus versiones más recientes (aunque puede notar que falta Internet Explorer). Simplemente marque todas las casillas que desee y luego presione el botón Enviar .
La prueba puede tardar unos minutos en realizarse. Una vez terminada, se le presentarán una serie de capturas de pantalla que podrá ver o descargar en su ordenador, una para cada versión de navegador que haya seleccionado:
En este punto, querrás revisar cada captura de pantalla cuidadosamente:
Los diseños pueden diferir ligeramente, pero busque cualquier problema significativo como texto o imágenes desalineadas, elementos faltantes, etc. Aunque no hay nada malo en comprobar tantos navegadores como puedas, querrás centrarte en las soluciones más populares, en su versión más actual o en dos.
Browsershots es fácil de usar, ofrece muchas opciones y es completamente gratis. Sin embargo, sólo le permite ver cómo se verá su sitio web en varios navegadores. No le permite realmente probar la funcionalidad de su sitio. Por lo tanto, si bien este es un punto de partida sólido y una manera de identificar rápidamente los problemas potenciales, tal vez desee pasar algún tiempo con una herramienta más robusta.
2. CrossBrowserTesting
Si quieres probar tu sitio web usando un conjunto más completo de características, CrossBrowserTesting es un buen lugar para empezar. Esta herramienta ofrece una serie de opciones y, al igual que las capturas de pantalla, puede hacer capturas de pantalla para que puedas mirar y comparar.
Sin embargo, CrossBrowserTesting también le permite jugar con la funcionalidad de su sitio web. Te permite probar virtualmente tu sitio usando dispositivos reales, y ofrece más de 1.500 combinaciones de versiones de navegadores y resoluciones de pantalla.
Con todo esto en oferta, probablemente no le sorprenderá saber que esta herramienta no es gratuita. El plan más barato cuesta 29 dólares al mes, e incluye pruebas ilimitadas para un usuario. Sin embargo, también hay un 7 días de prueba gratis , que ofrece 100 minutos de tiempo de prueba. Esto es suficiente para probar todas las características y ver si te gustan, e incluso para probar un sitio pequeño.
Después de registrar una cuenta, tendrás acceso a un completo panel de control:
Puede utilizar la pestaña Capturas de pantalla para tomar imágenes estáticas de su sitio, o introducir su URL en el campo Iniciar una prueba en vivo para realizar una prueba completa. Por último, elige tu dispositivo y selecciona el sistema operativo (OS) y la resolución que desees:
Una vez que hagas la prueba, tendrás acceso a una simulación completa de tu sitio:
En este punto, querrás interactuar con sus características principales, hacer clic en los botones, probar a navegar por el menú, y así sucesivamente. Manténgase atento a los problemas visuales y funcionales, aunque no se alarme si hay algún retraso notable – eso es sólo un efecto secundario de la propia simulación.
Después, puedes seguir haciendo pruebas en otras combinaciones de dispositivos, navegadores y resoluciones. Esto puede llevar un tiempo, dependiendo del tamaño de tu sitio. Sin embargo, la cantidad de información detallada a la que tendrás acceso valdrá la pena la inversión de tiempo.
Conclusión
Probar su sitio web en los navegadores es una de esas tareas que no quiere ignorar, aunque no sea precisamente emocionante. Si quiere aumentar su audiencia y proporcionar una experiencia de usuario sólida, debe asegurarse de que su sitio se presenta bien en todas las opciones de los navegadores más populares.
Afortunadamente, hay muchas herramientas que pueden ayudarle a probar un sitio web en diferentes navegadores. Dos de nuestras favoritas incluyen:
- Imágenes del navegador: Una herramienta sencilla y gratuita que ofrece capturas de pantalla de su sitio en una amplia variedad de versiones de navegadores.
- CrossBrowserTesting: Una opción más completa y premium que soporta tanto capturas de pantalla como pruebas en vivo usando dispositivos físicos.
¿Tiene alguna pregunta sobre cómo probar un sitio web en diferentes navegadores? Háganoslo saber en la sección de comentarios de abajo! Aprende a probar tu sitio web #WordPress #en diferentes navegadores (¡y por qué deberías hacerlo!)Haz clic para twittear
