f19n obtrusive livetest

Test en direct d'optimisation Fullstack - Extension / Framework Chrome

par http://www.fullstackoptimization.com/ développé en coopération avec https://die-antwort.eu/

Chrome App Store : https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en

Document utilisateur : https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?

Annonce précédemment connue "f19n Obtrusive Live Test"... le nouveau nom fait moins peur ! (Ce n'est pas une application effrayante, c'est une application géniale !)

Qu'est-ce que c'est?

Il s'agit d'une extension et d'un framework Chrome de test en direct extensible et en mode bac à sable ! Il exécute des tests prédéfinis et personnalisés sur chaque page que vous visitez et fournit un retour visuel direct.

Il dispose de plusieurs règles prédéfinies ciblant actuellement les meilleures pratiques en matière de référencement, de performance Web et de médias sociaux.

Qu'est-ce que ça fait ?

L'extension collecte l'ensemble du cycle de vie d'un chargement de page (en-têtes http, onpageload, onDOMready, ...) dans un objet, puis elle exécute des fonctions javascript sur cet objet et renvoie des commentaires de test.

Voir /src/public/default-rules pour une liste de ce qui est actuellement testé par défaut. Toutes les règles peuvent être inspectées, désactivées/activées. De nouvelles règles par défaut sont régulièrement ajoutées.

Voir /sample-rules/sample.page-object-25112017.json pour voir quelles données du cycle de vie de chargement de page sont collectées.

Que peut-il faire ?

Tout! Vous pouvez écrire vos propres tests ! Tout ce qui se passe dans le navigateur pendant le cycle de vie du chargement et du rendu de la page peut être inspecté et disséqué !

De plus, il peut appeler des API REST tierces à partir de ces règles. Même en ignorant les en-têtes CORS ou les restrictions de récupération normales.

Vous pouvez également récupérer des pages normales et d'autres ressources via fetch. C'est-à-dire : une règle exécutée sur une page peut récupérer d'autres URL du même domaine ou d'autres domaines tiers. Voir /default-rules/robotstxt-googlebot-url-check-v2.js pour une règle qui récupère le fichier robots.txt du domaine, puis teste si l'URL actuellement testée est autorisée/interdite.

Utilisateur Doku

Voir Google Documents

Développement

Pour développer votre propre règle, vous pouvez simplement installer l'extension via le Chrome App Store.

Si vous voulez creuser plus profondément, clonez ce représentant. et puis:

Installer toutes les dépendances

npm install

Exécuter le processus de build (développement uniquement)

Exécutez le processus de construction une fois (pour cela, vous avez besoin de grunt-cli installé npm install -g grunt-cli ). Il surveillera les fichiers modifiés et rechargera automatiquement l'extension si nécessaire.

grunt

Ouvrez chrome://extensions/ et pointez l'installation d'une extension décompressée vers le dossier ./build.

Créer des fichiers prêts pour la production + archives

Exécutez la commande suivante pour créer une archive zip prête pour la production qui peut être téléchargée sur Google Extension Dashboard.

grunt dist

L'archive sera enregistrée dans /dist/export.zip .

Règles

Les règles prêtes pour la production se trouvent dans /src/public/default-rules

À l'intérieur de /sample-rules se trouvent quelques exemples de règles ainsi que la documentation sur la façon d'écrire vos propres règles. Les règles peuvent ensuite être ajoutées à votre application sur la page de paramétrage de l'extension.

Voir /sample-rules/debug-hello-world.js pour un point de départ très simple (et /sample-rules/debug-hello-world-with-comments.js pour quelques explications)

/sample-rules/debug-stringify-page-object.js vous offre également un moyen simple d'inspecter l'objet de page (les informations collectées sur le cycle de vie de la page) de chaque page que vous visitez.

Licence

• Toutes les règles du répertoire /sample-rules/ sont sous licence MIT.
• Toutes les règles du répertoire /public/default-rules/ sont sous licence MIT.
• Voir les détails dans l'annuaire.

Tous les autres codes de ce référentiel - sauf définition contraire - sont actuellement disponibles sous un

Licence de contribution .

Vous êtes les bienvenus

• revoir le code
• installez l'application dans votre navigateur
• soumettre des problèmes, des demandes de tirage, tout autre commentaire
• compilez et utilisez cette extension en mode développement sur votre ordinateur dans le but d'en apprendre davantage sur la base de code ou de fournir des commentaires
• utiliser le code à des fins éducatives pour vous-même ou au sein de votre organisation

Actuellement non

• supprimer cette licence
• supprimer la marque ou les liens de/vers www.fullstackoptimization.com
• créer un produit gratuit ou commercial basé sur le code de ce référentiel
• soumettre un produit basé sur ce code à n'importe quelle boutique d'applications
• installez cette extension en mode développeur sur plusieurs ordinateurs au sein de votre entreprise

Ces restrictions ne s'appliquent pas au code /sample-rules/ et /public/default-rules/.

Cette licence pourrait changer à l'avenir. Je dois juste déterminer quelle sera la meilleure licence à long terme pour ce produit.

Titulaire des droits : Franz Enzenhofer fe sur f19n dot com