Como visualizar o código -fonte HTML de qualquer site?

Enquanto desenvolve um site, os desenvolvedores geralmente precisam ver como diferentes sites são estilizados ou, às vezes, o desenvolvedor deseja verificar o comportamento de várias propriedades de estilo no site. Para fazer isso, é melhor ver o código -fonte do site e editá -lo lá. Se o estilo desejado funcionou, copie o estilo de lá e cole -o no projeto.

Este blog fornecerá procedimentos para visualizar o código -fonte HTML do site.

Como visualizar/verificar o código -fonte HTML de qualquer site?

Para visualizar a fonte HTML, abra o site e clique com o botão direito do mouse em qualquer lugar da janela. Um menu suspenso aparecerá. Em seguida, selecione o “Veja a fonte da página”Opção ou pressione“Ctrl+u”:

Como resultado, a janela do código -fonte será aberta em uma nova guia:

Há outro método para visualizar o código -fonte é selecionar o “Inspecionar”Opção do mesmo menu:

A janela da ferramenta de desenvolvedor aparecerá, mostrando o código -fonte do site. A partir daqui, você pode editar os estilos dos elementos em tempo de execução. Ele também permite copiar o código e colá -lo em seu projeto:

Oferecemos dois métodos para visualizar o código -fonte HTML de qualquer site.

Conclusão

Para visualizar o código-fonte HTML, clique com o botão direito do mouse no site e selecione o “Fonte de página aberta" ou "Inspecionar”Opção. Você também pode editar o código da janela da ferramenta de desenvolvedores para ver como a página funciona. Em seguida, copie esse código para o nosso projeto. Este blog demonstrou os métodos para visualizar o código -fonte HTML de qualquer site.