3 maneiras de visualizar o código-fonte

Índice:

3 maneiras de visualizar o código-fonte
3 maneiras de visualizar o código-fonte

Vídeo: 3 maneiras de visualizar o código-fonte

Vídeo: 3 maneiras de visualizar o código-fonte
Vídeo: Como fazer um Podcast!!! 2024, Maio
Anonim

Este wikiHow ensina como visualizar o código-fonte de um site, que é o código por trás de qualquer site (como HTML, CSS e JavaScript), na maioria dos navegadores comuns. Excluindo um truque do Safari, você não pode visualizar o código-fonte de um site ao usar um navegador móvel.

Passos

Método 1 de 3: Chrome, Firefox, Edge e Internet Explorer

Ver o código-fonte, etapa 1
Ver o código-fonte, etapa 1

Etapa 1. Abra seu navegador da web

O processo de visualização do código-fonte no Chrome, Firefox, Microsoft Edge e Internet Explorer é o mesmo.

Ver o código-fonte, etapa 2
Ver o código-fonte, etapa 2

Etapa 2. Navegue até uma página da web

Deve ser uma página cujo código-fonte você deseja visualizar.

Ver o código-fonte, etapa 3
Ver o código-fonte, etapa 3

Etapa 3. Clique com o botão direito na página

Se estiver usando um computador Mac com mouse de um botão, você pode manter pressionada a tecla Control e clicar em vez disso. Se você estiver em um laptop com trackpad, poderá usar dois dedos para clicar na página. Isso abrirá um menu suspenso.

Não clique com o botão direito do mouse em um link ou foto ao fazer isso ou o menu errado aparecerá

Ver o código-fonte, etapa 4
Ver o código-fonte, etapa 4

Etapa 4. Clique em Exibir código-fonte da página ou Exibir fonte.

Isso exibirá o código-fonte do seu navegador em uma nova janela ou na parte inferior da janela atual.

  • Você vai ver Ver o código-fonte da página para Chrome e Firefox, e Ver fonte para Microsoft Edge e Internet Explorer.
  • Você também pode pressionar Ctrl + U (PC) ou ⌥ Option + ⌘ Command + U (Mac) para exibir o código-fonte.

Método 2 de 3: Safari

Ver o código-fonte, etapa 5
Ver o código-fonte, etapa 5

Etapa 1. Abra o Safari

Este é um aplicativo azul em forma de bússola.

Ver o código-fonte, etapa 6
Ver o código-fonte, etapa 6

Etapa 2. Clique em Safari

Ele está no lado superior esquerdo da barra de menus do Mac. Isso invoca um menu suspenso.

Ver o código-fonte, etapa 7
Ver o código-fonte, etapa 7

Etapa 3. Clique em Preferências

Esta opção está no meio do menu suspenso.

Ver o código-fonte, passo 8
Ver o código-fonte, passo 8

Etapa 4. Clique na guia Avançado

Ele está no canto superior direito da janela Preferências.

Ver o Código Fonte Etapa 9
Ver o Código Fonte Etapa 9

Etapa 5. Marque a caixa "Mostrar menu Desenvolver na barra de menus"

Esta opção está perto da parte inferior da janela Preferências. Você deveria ver um Desenvolver menu aparecem na barra de menus do seu Mac.

Ver o Código Fonte Etapa 10
Ver o Código Fonte Etapa 10

Etapa 6. Navegue até uma página da web

Deve ser uma página cujo código-fonte você deseja visualizar.

Ver o Código Fonte Etapa 11
Ver o Código Fonte Etapa 11

Etapa 7. Clique em Desenvolver

Este menu está à esquerda do Janela menu na barra de menus do seu Mac.

Ver o Código Fonte Etapa 12
Ver o Código Fonte Etapa 12

Etapa 8. Clique em Mostrar código-fonte da página

Está perto da parte inferior do menu suspenso. Clicar nesta opção fará com que o Safari exiba o código-fonte da página da web.

Você também pode pressionar ⌥ Option + ⌘ Command + U para exibir o código-fonte

Método 3 de 3: em wikis

Etapa 1. Navegue até a página da qual deseja visualizar o código-fonte do wiki

Etapa 2. Clique na guia "Exibir fonte" ou "Editar"

Etapa 3. Percorra a fonte e selecione / copie o código que deseja copiar em seu site

Recomendado: