por http://www.fullstackoptimization.com/ desarrollado en cooperación con https://die-antwort.eu/
Tienda de aplicaciones de Chrome: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en
Usuario doku: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ←?
Anuncio anteriormente conocido "f19n Obtrusive Live Test"... ¡el nuevo nombre da menos miedo! (¡No es una aplicación aterradora, es increíble!)
¡Es un marco y una extensión de Chrome para pruebas en vivo extensibles y en un espacio aislado! Ejecuta pruebas predefinidas y personalizadas en cada página que visita y ofrece comentarios visuales directos.
Tiene múltiples reglas predefinidas que actualmente apuntan a las mejores prácticas de SEO, rendimiento web y redes sociales.
La extensión recopila todo el ciclo de vida de una carga de página (http-headers, onpageload, onDOMready, ...) en un objeto, luego ejecuta funciones de JavaScript en este objeto y devuelve comentarios de prueba.
Consulte /src/public/default-rules para obtener una lista de lo que se prueba actualmente de forma predeterminada. Todas las reglas se pueden inspeccionar, desactivar/activar. Regularmente se agregan nuevas reglas predeterminadas.
Consulte /sample-rules/sample.page-object-25112017.json para ver qué datos del ciclo de vida de carga de la página se recopilan.
¡Todo! ¡Puedes escribir tus propias pruebas! ¡Todo lo que sucede en el navegador durante el ciclo de vida de carga y renderizado de la página se puede inspeccionar y analizar!
Además, puede llamar a API REST de terceros desde estas reglas. Incluso ignorando los encabezados CORS o las restricciones de recuperación normales.
También puede recuperar páginas normales y otros recursos mediante la función de recuperación. Es decir: una regla ejecutada en una página puede recuperar otras URL del mismo dominio o de otros dominios de terceros. Consulte /default-rules/robotstxt-googlebot-url-check-v2.js para obtener una regla que recupera el archivo robots.txt del dominio y luego prueba si la URL actualmente probada está permitida o no permitida.
Ver Documentos de Google
Para desarrollar su propia regla, puede instalar la extensión a través de Chrome App Store.
Si quieres profundizar más, clonaremos este representante. y luego:
npm install Ejecute el proceso de compilación una vez (para esto necesita grunt-cli instalado npm install -g grunt-cli ). Buscará archivos modificados y recargará automáticamente la extensión si es necesario.
gruntAbra chrome://extensions/ y apunte la instalación de una extensión descomprimida a la carpeta ./build.
Ejecute el siguiente comando para crear un archivo zip listo para producción que se pueda cargar en el Panel de extensiones de Google.
grunt dist El archivo se guardará en /dist/export.zip .
Las reglas listas para producción se pueden encontrar en /src/public/default-rules
Dentro de /sample-rules hay algunas reglas de muestra además de documentación sobre cómo escribir sus propias reglas. Luego, las reglas se pueden agregar a su aplicación en la página de configuración de la extensión.
Consulte /sample-rules/debug-hello-world.js para obtener un punto de partida realmente simple (y /sample-rules/debug-hello-world-with-comments.js para obtener alguna explicación)
Además, /sample-rules/debug-stringify-page-object.js le ofrece una forma sencilla de inspeccionar el objeto de la página (la información recopilada sobre el ciclo de vida de la página) de cada página que visita.
El resto del código dentro de este repositorio, si no se define de otra manera, está actualmente disponible bajo un
Licencia de contribución .
Eres bienvenido a
Actualmente no
Estas restricciones no se aplican al código /sample-rules/ y /public/default-rules/.
Esta licencia podría cambiar en el futuro. Sólo debo averiguar cuál será la mejor licencia a largo plazo para este producto.
Titular de los derechos: Franz Enzenhofer fe en f19n punto com
