von http://www.fullstackoptimization.com/ entwickelt in Zusammenarbeit mit https://die-antwort.eu/
Chrome App Store: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en
Benutzerdoku: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?
Bisher bekannte Anzeige „f19n Obtrusive Live Test“ ... der neue Name ist weniger gruselig! (Es ist keine gruselige App, es ist eine tolle!)
Es handelt sich um eine Sandbox-basierte, erweiterbare Live-Test-Chrome-Erweiterung und ein Framework! Es führt auf jeder von Ihnen besuchten Seite vordefinierte und benutzerdefinierte Tests durch und liefert direktes visuelles Feedback.
Es verfügt über mehrere vordefinierte Regeln, die derzeit auf SEO, Web-Performance und Best Practices für soziale Medien abzielen.
Die Erweiterung sammelt den gesamten Lebenszyklus eines Seitenladevorgangs (http-Header, Onpageload, onDOMready, ...) in einem Objekt, führt dann Javascript-Funktionen für dieses Objekt aus und gibt Testfeedback zurück.
Unter /src/public/default-rules finden Sie eine Liste dessen, was derzeit standardmäßig getestet wird. Alle Regeln können überprüft, deaktiviert/aktiviert werden. Es werden regelmäßig neue Standardregeln hinzugefügt.
Sehen Sie sich /sample-rules/sample.page-object-25112017.json an, um zu sehen, welche Daten des Seitenladelebenszyklus erfasst werden.
Alles! Sie können Ihre eigenen Tests schreiben! Alles, was im Browser während des Seitenlade- und Renderlebenszyklus passiert, kann überprüft und analysiert werden!
Darüber hinaus können aus diesen Regeln heraus REST-APIs von Drittanbietern aufgerufen werden. Sogar das Ignorieren von CORS-Headern oder normalen Abrufbeschränkungen.
Sie können auch normale Seiten und andere Ressourcen per Fetch abrufen. Das heißt: Eine auf einer Seite ausgeführte Regel kann andere URLs derselben Domain oder von anderen Domains Dritter abrufen. Unter /default-rules/robotstxt-googlebot-url-check-v2.js finden Sie eine Regel, die die robots.txt-Datei der Domain abruft und dann testet, ob die aktuell getestete URL zulässig/nicht zulässig ist.
Siehe Google Docs
Um Ihre eigene Regel zu entwickeln, können Sie die Erweiterung einfach über den Chrome App Store installieren.
Wenn Sie tiefer graben möchten, klonen Sie diesen Repräsentanten. und dann:
npm install Führen Sie den Build-Prozess einmal aus (dazu benötigen Sie grunt-cli installiert npm install -g grunt-cli ). Es sucht nach geänderten Dateien und lädt die Erweiterung bei Bedarf automatisch neu.
gruntÖffnen Sie chrome://extensions/ und verweisen Sie die Installation einer entpackten Erweiterung auf den Ordner ./build.
Führen Sie den folgenden Befehl aus, um ein produktionsbereites ZIP-Archiv zu erstellen, das in das Google Extension Dashboard hochgeladen werden kann.
grunt dist Das Archiv wird unter /dist/export.zip gespeichert.
Die Produktionsbereitschaftsregeln finden Sie in /src/public/default-rules
In /sample-rules finden Sie einige Beispielregeln sowie die Dokumentation zum Schreiben eigener Regeln. Die Regeln können dann auf der Einstellungsseite der Erweiterung zu Ihrer Anwendung hinzugefügt werden.
Siehe /sample-rules/debug-hello-world.js für einen wirklich einfachen Ausgangspunkt (und /sample-rules/debug-hello-world-with-comments.js für einige Erklärungen)
Außerdem bietet Ihnen /sample-rules/debug-stringify-page-object.js eine einfache Möglichkeit, das Seitenobjekt (die gesammelten Informationen über den Seitenlebenszyklus) jeder von Ihnen besuchten Seite zu überprüfen.
Der gesamte andere Code in diesem Repository ist derzeit – sofern nicht anders definiert – unter a verfügbar
Beitragslizenz .
Gerne können Sie es tun
Derzeit nicht
Diese Einschränkungen gelten nicht für den Code /sample-rules/ und /public/default-rules/.
Diese Lizenz kann sich in Zukunft ändern. Ich muss einfach herausfinden, was die beste Langzeitlizenz für dieses Produkt sein wird.
Rechteinhaber: Franz Enzenhofer fe at f19n dot com
