por http://www.fullstackoptimization.com/ desenvolvido em cooperação com https://die-antwort.eu/
Loja de aplicativos do Chrome: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en
Documento do usuário: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?
Anúncio anteriormente conhecido "f19n Obtrusive Live Test" ... o novo nome é menos assustador! (Não é um aplicativo assustador, é incrível!)
É uma extensão e estrutura do Chrome extensível e em sandbox para testes ao vivo! Ele executa testes predefinidos e personalizados em cada página que você visita e fornece feedback visual direto.
Possui várias regras predefinidas atualmente visando as melhores práticas de SEO, desempenho na web e mídia social.
A extensão coleta todo o ciclo de vida de um carregamento de página (cabeçalhos http, onpageload, onDOMready, ...) em um objeto, depois executa funções javascript nesse objeto e retorna feedback de teste.
Consulte /src/public/default-rules para obter uma lista do que está sendo testado atualmente por padrão. Todas as regras podem ser inspecionadas, desabilitadas/habilitadas. Novas regras padrão são adicionadas regularmente.
Consulte /sample-rules/sample.page-object-25112017.json para ver quais dados do ciclo de vida do carregamento de página são coletados.
Tudo! Você pode escrever seus próprios testes! Tudo o que acontece no navegador durante o ciclo de vida de carregamento e renderização da página pode ser inspecionado e dissecado!
Além disso, ele pode chamar APIs REST de terceiros dentro dessas regras. Mesmo ignorando os cabeçalhos CORS ou as restrições normais de busca.
Além disso, você também pode buscar páginas normais e outros recursos por meio de busca. Ou seja: uma regra executada em uma página pode buscar outras URLs do mesmo domínio ou de domínios de terceiros. Consulte /default-rules/robotstxt-googlebot-url-check-v2.js para obter uma regra que busca o robots.txt do domínio e testa se o URL testado atualmente é permitido/proibido.
Veja o Documentos Google
Para desenvolver sua própria regra, basta instalar a extensão por meio da Chrome App Store.
Se você quiser se aprofundar, clone este representante. e então:
npm install Execute o processo de construção uma vez (para isso você precisa do grunt-cli instalado npm install -g grunt-cli ). Ele observará os arquivos alterados e recarregará automaticamente a extensão, se necessário.
gruntAbra chrome://extensions/ e aponte a instalação de uma extensão descompactada para a pasta ./build.
Execute o seguinte comando para criar um arquivo zip pronto para produção que pode ser carregado no Google Extension Dashboard.
grunt dist O arquivo será salvo em /dist/export.zip .
As regras prontas para produção podem ser encontradas em /src/public/default-rules
Dentro de /sample-rules estão alguns exemplos de regras, além da documentação sobre como escrever suas próprias regras. As regras podem então ser adicionadas ao seu aplicativo na página de configuração da extensão.
Consulte /sample-rules/debug-hello-world.js para obter um ponto de partida realmente simples (e /sample-rules/debug-hello-world-with-comments.js para obter alguma explicação)
Além disso, /sample-rules/debug-stringify-page-object.js oferece uma maneira fácil de inspecionar o objeto da página (as informações coletadas sobre o ciclo de vida da página) de cada página que você visita.
Todos os outros códigos deste repositório - se não definido de outra forma - estão atualmente disponíveis sob um
Licença de Contribuição .
Você é bem-vindo
Atualmente não
Essas restrições não se aplicam aos códigos /sample-rules/ e /public/default-rules/.
Esta licença pode mudar no futuro. Devo apenas descobrir qual será a melhor licença de longo prazo para este produto.
Detentor dos direitos autorais: Franz Enzenhofer fe em f19n ponto com
