Como ver e analizar fonte de páxina no navegador web de Opera

Este tutorial está pensado só para usuarios que executan o navegador Opera en sistemas operativos Windows ou Mac. Se necesitas ver a fonte da páxina noutros navegadores, aprende como na nosa guía Como ver o código fonte dunha páxina web en cada navegador .

Hai moitas razóns para querer ver o código fonte dunha páxina web, que vai desde a depuración dun problema co seu propio sitio ata unha simple curiosidade. Sexa cal for o motivo, o navegador de Opera facilita a realización desta tarefa. Podes optar por ver esta fonte na súa forma máis básica dentro dunha pestana do navegador ou tomar unha inmersión máis profunda coas ferramentas de desenvolvemento integradas de Opera. Este tutorial mostra como facer as dúas cousas. En primeiro lugar, abre o teu navegador Opera

Usuarios de Windows

Fai clic no botón de menú Opera , situado na esquina superior esquerda da xanela do teu navegador. Cando apareza o menú despregable, mova o cursor do rato sobre a opción Máis ferramentas . Debería aparecer agora un submenú. Faga clic en Mostrar menú do programador para que se coloque unha marca de verificación á esquerda desta opción.

Voltar ao menú principal de Opera. Agora notarás unha nova opción situada directamente debaixo Outras ferramentas etiquetadas como desenvolvedor . Deslice o cursor do rato sobre esta opción ata que apareza un submenú. A continuación, fai clic en Ver fonte da páxina . O código fonte da páxina web activa agora aparecerá nunha nova pestana do navegador. Tamén pode usar o seguinte atallo de teclado para chegar a este punto: CTRL + U

Para ver detalles máis detallados sobre a páxina activa eo seu código correspondente, seleccione a opción Ferramentas para desenvolvedores no submenú Desenvolvedor ou utilice o seguinte atallo de teclado: CTRL + SHIFT + I

Mac OS X e macOS Sierra Users

Faga clic en Ver no menú de Opera, situado na parte superior da pantalla. Cando apareza o menú despregable, seleccione Amosar menú do desenvolvedor . Unha nova opción agora debería engadirse ao menú de Opera chamado Desenvolvedor . Prema nesta opción seguinte e cando apareza o menú despregable, seleccione Ver fonte . Tamén pode usar o seguinte atallo de teclado para realizar esta acción: Comando + U

Agora debería estar visible unha nova páxina, que mostra o código fonte da páxina actual. Para analizar esta mesma páxina co conxunto de ferramentas Dev de Opera, primeiro faga clic en Desenvolvedor no menú do navegador na parte superior da pantalla. Cando apareza o menú despregable, seleccione a opción Ferramentas para desenvolvedores .