Skip to content

Como visualizar suas páginas da Web em HTML

16 de abril de 2021

Muitas pessoas não percebem que, quando você cria uma página da web em seu computador, não precisa postá-la em um servidor da web para visualizá-la. Quando você visualiza uma página da web em seu disco rígido, todas as funções relacionadas ao navegador (como JavaScript, CSS e imagens) devem funcionar exatamente como fariam em seu servidor da web. Portanto, é uma boa ideia testar suas páginas da Web em navegadores da Web antes de colocá-las no ar.

  1. Crie sua página da Web e salve-a em seu disco rígido.

  2. Abra seu navegador da Web, vá para o menu Arquivo e escolha Abrir.

  3. Navegue até o arquivo que você salvou em seu disco rígido.

Problemas de teste

Existem algumas coisas que podem dar errado ao testar suas páginas da web em seu disco rígido, em vez de no servidor da web. Certifique-se de que suas páginas estejam configuradas corretamente para teste:

  • Use caminhos absolutos totalmente qualificados para links. Você pode usar caminhos relativos à página para seus links, mas a melhor maneira de testar os links antes que uma página seja publicada é usar o caminho completo para a página que você está vinculando. Em outras palavras, inclua o nome de domínio em seus links.
  • Use caminhos relativos à página para suas imagens. Embora você possa usar o URL completo para suas imagens, se a página que está testando for nova, é provável que suas imagens não sejam carregadas para o servidor mais do que o HTML. Usando caminhos para imagens que são relativos à página atual, eles aparecerão quando você testar o arquivo em seu disco rígido.
  • Verifique os caminhos para seus arquivos externos CSS e JavaScript. Não existe uma boa regra para usar URLs de caminho completo ou de caminho relativo para scripts e arquivos CSS – isso depende do seu site e do que funciona melhor para você. Em vez disso, você deve verificar se o arquivo para o qual está apontando contém as informações mais atualizadas. Por exemplo, se você postar uma URL de caminho completo para seu CSS, precisará fazer upload desse arquivo para o servidor ao testar.

Certifique-se de testar em vários navegadores

Depois de navegar até sua página em um navegador, você pode copiar o URL da barra de localização do navegador e colá-lo em outros navegadores no mesmo computador. Quando construímos sites em máquinas Windows, teste as páginas nos seguintes navegadores antes de enviar qualquer coisa:

  • Internet Explorer
  • Ópera
  • Raposa de fogo
  • Safári
  • cromada

Depois de ter certeza de que a página está correta nos navegadores que você tem em seu disco rígido, você pode carregar a página e testá-la novamente do servidor da web. Depois de carregado, você deve se conectar à página com outros computadores e sistemas operacionais ou usar um emulador de navegador como o BrowserCam para fazer testes extensivos.