Este tutorial sólo está destinado a usuarios que ejecutan el navegador Opera en sistemas operativos Windows o Mac. Si necesita ver el código fuente de la página en otros navegadores, aprenda cómo en nuestra guía Cómo ver el código fuente de una página web en Every Browser.
Hay muchas razones para querer ver el código fuente de una página web, que van desde depurar un problema con su propio sitio hasta simplemente curiosidad. Cualquiera que sea su motivo, el navegador Opera facilita esta tarea. Puede optar por ver esta fuente en su forma más básica dentro de una pestaña del navegador o profundizar en ella con las herramientas integradas para desarrolladores de Opera. Este tutorial le muestra cómo hacer ambas cosas. Primero, abra su navegador Opera
Usuarios de Windows
Haga clic en el botón Opera del menú, situado en la esquina superior izquierda de la ventana de su navegador. Cuando aparezca el menú desplegable, pase el cursor del ratón por encima de la opción Más herramientas. Ahora debería aparecer un submenú. Haga clic en Mostrar menú desarrollador para que aparezca una marca de verificación a la izquierda de esta opción.
Volver al menú principal de Opera. Ahora notará una nueva opción localizada directamente debajo Más herramientas etiquetada Developer. Pase el cursor del ratón sobre esta opción hasta que aparezca un submenú. A continuación, haga clic en Ver la fuente de la página . El código fuente de la página web activa se mostrará en una nueva pestaña del navegador. También puede utilizar el siguiente método abreviado de teclado para llegar a este punto: CTRL+U
Para ver más detalles sobre la página activa y su código correspondiente, seleccione la opción Developer tools del submenú Developer o utilice el siguiente atajo de teclado: CTRL+SHIFT+I
Usuarios de Mac OS X y macOS Sierra
Haga clic en View en su menú Opera, situado en la parte superior de la pantalla. Cuando aparezca el menú desplegable, seleccione Mostrar Menú Desarrollador . Ahora debería añadirse una nueva opción a su menú Opera con la etiqueta Developer. Haga clic en esta opción a continuación y, cuando aparezca el menú desplegable, seleccione View Source. También puede utilizar el siguiente método abreviado de teclado para realizar esta acción: Comando+U
Una nueva pestaña debería estar visible, mostrando el código fuente de la página actual. Para analizar esta misma página con el conjunto de herramientas de desarrollo de Opera, primero haga clic en Developer en el menú del navegador en la parte superior de su pantalla. Cuando aparezca el menú desplegable, seleccione la opción Developer Tools.
