Testing ?

[jakijem]

Hola, ando buscando alguna página, o aplicación para poder testear las páginas responsive y ver como se comportan en los diferentes dispositivos,

Normalmente utilizo la "vista de diseño adaptable" del plug-in "desarrollador web" del firefox, pero me he dado cuenta de que no coincide con la realidad, es decir, se vé diferente si selecciono 1366x768 que si lo veo en un laptop a esa resolución, y lo mismo para tablets de 10", etc...

¿Conoceis alguna web, como por ejemplo (responsinator.com) pero que funcione bien? (esta ultima también me ofrece resultados diferentes del obtenido en el dispositivo real)

O quizas alguna applicación de escritorio?

¿Cómo testeais vosotros los diferentes modos de una web responsive?

[PHPeros]

En chrome no hacen falta plugins y funciona bastante bien para todos los dispositivos.

[jakijem]

Pues me sigue dando una vision diferente en el chrome (poniendo por ejemplo 1366x768) que en mi portatil a esa resolución...

¿A que puede ser debido?

[AngelKrak]

yo hago mis prueba con esta extension de chrome y no anda mal ;)
Responsive Web Design Tester

[ArturoGallegos]

@jakijem iluminanos con tu sabiduria :D dinos que es lo que ves diferente o porque tienes la sensacion de que no anda bien?

Si bien son las herramientas que nosotros utilizamos estamos consientes que no es 100% preciso, ningun emulador en Windows, Linux o Mac nos dara resultados al 100%.

Siempre para tener la veracidad y certeza de que anda bien al 100%, deberemos contar con un dispositivo de esas características y aun así tendremos algunas discrepancias por el SO y software que se puede tener en dichos dispositivos.

[jakijem]

Mira:

1. - captura de pantalla de responsivetest.net




2.- captura de pantalla de chrome con herramientas de desarrollador (mismo resultado para firefox):




3.- captura de pantalla real directamente de portatil (1366x768):



Como se puede apreciar, la imagen central (que es un slider y no puedo situar verticalmente con un %, sino con una posición absoluta) me tapa los iconos de las banderas para acceder al resto de la web...


otro caso es con el ipad, yo en el iPad Air (1) veo la pantalla perfectamente tal como la he diseñado, pero en responsivetest.net o en responsinator me sale como que no ha cargado la hoja de estilo correctamente... en este caso, sin embargo, tanto firefox como chrome me dan el resultado esperado

el problema es que es un diseño (impuesto) no basado en columnas ni grids, por lo que adaptarlo a un esquema responsive no es sencillo a priori

[pzin]

Iniciado por ArturoGallegos

Si bien son las herramientas que nosotros utilizamos estamos consientes que no es 100% preciso, ningun emulador en Windows, Linux o Mac nos dara resultados al 100%.

En Mac sí.

[ArturoGallegos]

jajaja un adorador de Mac que puede decir, venga así como hay unos que confían al 100% en Mac hay quienes no... es algo que depende mucho del usuario.

[jakijem]

Por favor, no entreis en lo de siempre, centraos en la cuestión: webs o aplicaciones que reflejen fielmente los diferentes dispositivos para testear las mediaqueries

La ultima que estaba probando era: responsivetest.net y estaba contento, pero me he dado cuenta que cambia de hoja de estilo y coge la siguiente en la lista (si tengo una que va de 1024 a 1280, y la siguiente es de 1280 a ... lo que sea, para un dispositivo de 1024 me coge la segunda hoja de estilo)...

Asi que tampoco funciona bien... venga, más sugerencias

[mbm150]

Hola,

he entrado a la página en mi portatil de 1366x768 con chrome y la veo exactamente igual que en la captura de pantalla 2 (la de chrome y firefox). Yo siempre he usado la de chrome y no me ha dado problemas, como dicen hay pequeñas diferencias depende del dispositivo, pero atina bien.

Saludos.