Analisando seu site localmente

Recentemente publicamos um post que trata sobre realização de testes em diferentes browsers. Agora iremos abordar outro aspecto importante no desenvolvimento do site que é a análise para detecção de possíveis problemas.

A Microsoft disponibiliza através do site dev.windows.com uma ferramenta chamada Site Scan, que permite analisar seu site e apontar possíveis problemas. Porém seu site precisa estar disponível na Web para que o Site Scan possa fazer a análise e obter os dados.

Mas muitas vezes ainda estamos com o site em desenvolvimento e não o temos em um ambiente de produção. Para resolver este problema, é possível baixarmos o código do Site Scan e executá-lo localmente. Para isso basta executar os passos a seguir:

  1. Acessar o repositório do Site scan no GitHub.
  2. Clonar ou baixar o repositório em sua máquina local.
  3. Instalar o Node.JS ou usar um executável pré-compilado no Windows.

    Instalando Node.JS
    Instalando Node.JS
  4. Executar o Node.JS
  5. Acessar, via linha de comando, a pasta local onde você baixou o repositório do Site Scan.
  6. Executar o seguinte código:

    npm install

  7. Se necessário, definir a variável de ambiente PORT para definir a porta com a qual o serviço Node.JS irá fazer bind. Por padrão a porta é 1337. Exemplo:

    set PORT=8181

  8. Iniciar o serviço de Scan executando o seguinte comando, via linha de comando, na mesma pasta:

    node app.js

  9. Pronto, agora é só acessar o endereço localhost:8181 para usufruir dos recursos do Site Scan no seu ambiente de desenvolvimento. Nele colocamos a URL do nosso site local:analisando-seu-site-localmente_site_sitescan1
  10. Clicar no botão Scan:analisando-seu-site-localmente_site_sitescan2
  11. Clicar no botão Create Report:analisando-seu-site-localmente_site_sitescan3
  12. O relatório será enviado para o site dev.modern.ie para exibir os resultados. Você tem a opção de visualizar localmente os resultados através do conteúdo JSON gerado.

    Até o momento de escrita desde documento, o recurso “Create Report” não estava funcionando. Já existe uma falha documentada no repositório GitHub do SiteScan. Se ainda não estiver corrigido quando você executar este minicurso, a análise deverá ser feita localmente. Para tanto, clicar em “See what will be submitted” para obter o JSON. O Notepad++ disponibiliza um plugin para visualizar o JSON:

    analisando-seu-site-localmente_sitescan_result_jsonviewer

Quer obter mais dicas e sugestões? Comente aqui ou faça uma pergunta no Stack Overflow em Português com a tag “microsoft-edge”. E continue nos acompanhando no talkitbr.

Fonte da imagem de destaque: dev.modern.ie

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s