Tiempo atrás, las pruebas de compatibilidad del diseño Web en diferentes navegadores, se llegaba a realizar en más de un ordenador o con máquinas virtuales, diferentes plataformas y obviamente, con las diferentes versiones de los "Browsers".
Todo esto atendiendo a los protocolos y directrices del W3C.
Los lenguajes evolucionaban: DHTML - HTML - HTML5 y CSS - CSS3... Más tarde, surgieron algunos pocos simuladores online para visualizar dispositivos móviles en ordenadores de escritorio.
Actualmente, puedes emular disposivos móviles en diferentes navegadores con las herramientas para desarrolladores en: Chrome, Firefox o Safari.
Así se ve mi Blog (4 imágenes) en estos equipos: Apple iPad Mini 2 | Samsung Galaxy S7 | Apple iPhone 6s | Google Nexus 7.
Y el tiempo pasó. La versión del IE6, es historia . Hoy, Las miradas están puestas en el Diseño Adaptable - Responsive. En Internet, todo se debería visualizar de manera óptima, en cualquier dispositivo informático. ¿Cómo te imaginas que evolucionará la Web en unos años?
Datos útiles
En FIREFOX
Para el atajo del teclado (combinación de teclas) en Firefox: ctrl-shift-M en Windows o Linux y cmd-opt-M en Mac, para iniciar la vista de Diseño adaptable.
Diseño Adaptable en Firefox:
https://developer.mozilla.org/es/docs/Tools/Responsive_Design_View
En CHROME
Para el atajo del teclado (combinación de teclas) en Chrome: activar o desactivar Device Mode presionando Command+Mayús+M (Mac) o Ctrl+Mayús+M (Windows, Linux). Para usar esta combinación de teclas, el mouse debe estar en la ventana de DevTools.
Device Mode en Chrome:
https://developers.google.com/web/tools/chrome-devtools/device-mode/?hl=es
W3C:
https://www.w3.org/