¿Sabías que es posible ACTIVAR la VERSIÓN MÓVIL en PC desde OPERA❓. En ESTE VÍDEO informativo te enseñaré como visualizar una web en formato responsive desde el ordenador con el navegador Opera paso a paso.
Category
📚
AprendizajeTranscripción
00:00Si has llegado hasta este vídeo es porque usas el navegador Opera en tu PC y te gustaría saber
00:05si existe alguna manera de visualizar las páginas web que ves en el PC tal y como se verían en un
00:14móvil. De esta manera podrás ver, por ejemplo, la página web oficial de YouTube o la página mía,
00:21tal y como estás viendo, pues podrías ver cómo se vería en tu tablet o en un teléfono móvil.
00:28Como sabes, las webs tienen distintos formatos dependiendo del dispositivo en el cual son
00:36visualizadas. De esta manera esta página web, la de Tutowin 10, se verá de una manera diferente
00:43en el PC respecto a una tablet o un móvil. No obstante, existe un truco que desde el navegador
00:52Opera podremos ver en el PC cómo se vería cualquier página web en su versión móvil. Para
00:59activar lo que sería la versión móvil en PC de Opera, pues tendríamos que hacer lo siguiente,
01:07tendríamos que acudir a una página en la cual queramos ver en el PC su versión móvil,
01:13ponemos el cursor de ratón encima y hacemos clic con el botón derecho y se abrirá este
01:19menú contextual. Pues abajo del todo pone inspeccionar elementos. Entramos en inspeccionar
01:25elementos y veremos esta barra lateral derecha. En esta barra lateral derecha, si os fijáis y vamos
01:33llevando lo que sería el cursor de ratón sobre las distintas líneas de código HTML, veremos en
01:41qué apartado de código se encuentra, por ejemplo, el banner, las categorías, etcétera, etcétera. De
01:48esta manera pues podremos cambiar de manera local pues algunos aspectos de lo que sería la página
01:54web. No obstante, la opción que nos interesa para activar la versión móvil en PC de Opera sería la
02:02siguiente. Si os fijáis, justo aquí arriba hay un icono que parece una tablet y un smartphone que
02:10se llama Toggle device toolbar. Esta opción, si hacemos clic con el botón izquierdo de ratón,
02:16va a permitir activar la versión responsive del sitio web. De esta manera podremos ver cómo se
02:26vería cualquier página web en formato móvil desde el PC con el navegador Opera. Y no solo eso,
02:33también podremos coger y si hacemos clic en la parte superior, podremos desplegar y nos
02:39aparecerá una lista con todos los dispositivos móviles que tenemos aquí para saber cómo, por
02:47ejemplo, quedaría la página web en un iPhone 6, 7 y 8. Se vería así. Estos son el tamaño real que
02:56tendría. También cómo se vería en un iPhone X, que como veis tiene la pantalla más estirada e
03:02incluso podemos darle aquí y hacerlo responsive. ¿Qué quiere decir responsive? Pues que va a cambiar
03:09en tiempo real dependiendo del tamaño de pantalla. Es decir, nosotros podemos ver cómo va quedando la
03:15página web a medida que agrandamos la pantalla y como podéis ver, pues la página pues va cambiando
03:22en función del tamaño. E incluso podemos coger y voltear tal y como se haría con un dispositivo
03:30cuando se pone así apaisado. ¿Veis? Por ejemplo, si tenemos el iPhone X y lo ponemos apaisado,
03:40pues se vería así la página web. E incluso si hacemos clic aquí y le damos a editar, pues aquí
03:47tendremos una lista con muchos más dispositivos que podemos ir añadiendo. Por ejemplo, cómo se
03:52vería con un Nexus 10. Pues le damos aquí y ahora en la lista deberíamos de tener el Nexus 10.
04:00Ah no, que no lo he activado. Vale, aquí. Aquí está, ¿veis? Nexus 10. Pues así se vería con un Nexus 10, que
04:10supongo que será por el tamaño una tablet. Pues nada y así se vería con un Samsung Galaxy S3,
04:17que fue el primer móvil Android que tuve. Y nada, si queremos desactivar la versión móvil en PC de
04:25Opera, tan solo tendremos que darle aquí justo arriba, donde aparece el icono de Toggle device
04:31toolbar. Y nuevamente, pues se verá en formato PC. Por último le daremos aquí a la X para cerrar
04:38y listo. Ya está. De esta manera tan fácil y tan rápida, pues podremos activar y desactivar la
04:46versión móvil de Opera. No te preocupes si no has entendido muy bien este tutorial, que te recuerdo
04:52que en todos los vídeos que hago siempre creo un artículo en mi página web donde te explico todo
05:00paso a paso. Aquí vas a encontrar en la descripción un enlace directo aquí, directamente al artículo,
05:07con un texto escrito y fotos explicativas. Espero que te haya gustado este sencillo vídeo, que le
05:12de a me gusta, que lo compartáis y recordar suscribirse a Tutowin 10 y que activéis la
05:17campanita para estar al tanto del siguiente capítulo. Justo aquí arriba a la izquierda te
05:23dejaré un vídeo que igual puede ser de tu interés. Aquí abajo a la izquierda una lista de reproducción
05:30de tutoriales y aquí arriba a la derecha el botón de suscribirse. Hasta luego.