¿Cómo habilitar la vista del sitio móvil en la computadora Chrome?
Para el desarrollador de la página, es muy importante verificar si el sitio se ajusta a la vista del sitio móvil o no. La mejor manera de verificar esto en Chrome Computer es a través de las herramientas para desarrolladores. Para esto, debe iniciar el sitio y luego tocar los tres puntos en la esquina superior derecha de la pantalla. A continuación, debe abrir más herramientas y tocar las herramientas de desarrollador. Encontrará un icono de cambio de dispositivo en el lado izquierdo de la opción Elementos allí, tóquelo y podrá ver el sitio de vista móvil.
Si es un desarrollador y desea ver la vista del sitio móvil en un navegador de computadora de escritorio como Google Chrome, puede usar el siguiente consejo. Esto puede ayudarlo a cambiar rápidamente la apariencia de su sitio de escritorio a móvil y probar la apariencia de la interfaz.
Google Chrome tiene una consola de herramientas de desarrollador incorporada que permite cambiar fácilmente entre sitios móviles y sitios de escritorio sin ningún tipo de extensiones de desarrollador . Tiene opciones de dispositivo preestablecidas que puede seleccionar en el menú desplegable y cambiar el tamaño de la pantalla.
Hace una semana, mi hermano estaba trabajando en su propio sitio web de juegos cuando me pidió ayuda. Quería ver la apariencia del sitio web en un dispositivo móvil mientras trabajaba en su computadora. ¡El sitio móvil Google Chrome View fue la única solución!
Relacionado: ¿Cómo ver el sitio de escritorio completo en el teléfono Chrome Android?
También puede elegir el modo receptivo y cambiar el tamaño del ancho de la pantalla para probar la capacidad de respuesta del sitio web en diferentes tamaños de pantalla. ¡Chrome brindará una experiencia móvil y de navegación perfecta desde el navegador de escritorio después de que habilitemos la vista móvil en Chrome!
Contenido
¿Cómo ver el sitio móvil en la computadora Chrome?
Los desarrolladores suelen utilizar la vista del sitio móvil cuando prueban y lanzan un nuevo diseño de sitio web. Ayuda a verificar la compatibilidad del sitio web y también la experiencia del usuario cuando visita pantallas pequeñas. Después de habilitar la vista móvil en Chrome, puede ver el sitio web en la vista del sitio móvil.
Estos son los pasos sobre cómo habilitar la vista móvil en Chrome en cualquier dispositivo de computadora :
- Lanzar la Navegador de computadora Google Chrome .
- Abre el sitio web que desea ver en el sitio móvil.
- Haga clic en
menú de opciones.
- Pase el cursor sobre el Más herramientas opción de la lista.
- Seleccione Herramientas de desarrollo en el menú Más herramientas.
- Esto lanzará el Herramientas de desarrollo panel en el navegador.
- Haga clic en el Icono de alternancia del dispositivo para habilitar el modo de visualización del sitio móvil.
Esto cargará la interfaz de usuario del sitio móvil. También puede elegir la marca y el modelo del dispositivo en el menú desplegable para seleccionar la experiencia de dispositivo deseada.
Una vez que cierre la consola de herramientas para desarrolladores, el sitio web se volverá a cargar como un sitio de escritorio. Si vemos los sitios móviles en Chrome de escritorio, ¡lo ayudará a analizar mejor la apariencia del sitio web!
Conclusión: Chrome Computer Mobile Responsive Site
La función de sitio móvil adaptable dentro de las herramientas para desarrolladores ayuda a probar y desarrollar un sitio móvil sin usar dispositivos de pantalla pequeña. No tiene que cambiar de dispositivo para ver el diseño del sitio. Con el modo de respuesta, puede arrastrar para controlar los distintos tamaños de pantalla.
Cuando diseño o realizo cambios en la parte frontal de este blog, generalmente observo los efectos de los cambios en una pantalla de escritorio, tableta y móvil usando el consejo anterior. Ayuda a asegurarse de que todo esté en línea y que los cambios de diseño sean visualmente atractivos. Le aconsejé lo mismo a mi hermano. Ahora sabe cómo habilitar la vista móvil en Chrome para probar la interfaz de su sitio web de juegos.
Del mismo modo, también puede solicitar una vista del sitio de escritorio en Chrome Android navegador. No tiene ninguna opción de desarrollador, pero puede ser útil cuando necesita la experiencia completa del sitio en pantallas pequeñas.
¿Qué opinas sobre la vista del sitio móvil en las herramientas de desarrollo para computadoras Chrome? ¿No es útil? Haznos saber.
Preguntas frecuentes: habilite la vista del sitio móvil en la computadora Chrome
¿Cómo habilitar la vista del sitio móvil en la computadora Chrome?
Para habilitar la vista del sitio móvil en la computadora Chrome, primero inicie el sitio y luego toque los tres puntos en la esquina, luego abra la opción de más herramientas. Ahora, abra Herramientas para desarrolladores y toque el icono de alternar Dispositivo en el lado izquierdo de la opción Elemento.
¿Cómo volver a la vista de escritorio en Chrome Computer?
Tan pronto como regrese de las herramientas del desarrollador, el sitio volverá a la vista de escritorio en Chrome Computer.
¿Cómo seleccionar los elementos de la página en la vista del sitio móvil en Chrome Computer?
Para seleccionar los elementos de la página en la vista del sitio móvil en la computadora Chrome, debe tocar el ícono del lado izquierdo del ícono de alternancia del dispositivo en las herramientas para desarrolladores.
Por último, estos son los navegadores web recomendados para su computadora y teléfono móvil que debe probar.
ventanas | Mac OS | iOS | Androide | linux |
---|---|---|---|---|
ventanas cromadas | cromo mac | cromo ios | cromo androide | FirefoxLinux |
Firefox ventanas | SafariMac | safari ios | Android de borde | cromo linux |
Ventanas de borde | firefox mac | iOS de borde | Samsung Internet | Borde de Linux |
Si tienes alguna idea sobre ¿Cómo habilitar la vista del sitio móvil en la computadora Chrome? , entonces siéntase libre de entrar a continuación