Portfoliolösungen für die Verarbeitung dynamischer Inhalte
Für dynamische Elemente, die Same nicht erfassen kann (z. B. AJAX-geladene Inhalte), kann eine mehrstufige Verarbeitungsstrategie verwendet werden:
- Basisschicht:Abrufen statischer Frames und CSS-Stylesheets mit Same
- Ergänzende Schichten:Manuelle Extraktion von dynamischen Datenschnittstellen mit Hilfe von Browser-Entwicklungswerkzeugen (F12)
- Verstärkungsschicht:Erfassen von Screenshots des Interaktionsstatus in Verbindung mit Automatisierungstools wie Puppeteer
Besondere Empfehlungen: Bei Seiten, die eine Anmeldung erfordern, sollten Sie die öffentliche Seite im No-Trace-Modus aufrufen; bei SPA-Sites sollten Sie 3-5 Sekunden warten, um sicherzustellen, dass der Hauptinhalt geladen ist, bevor Sie die Replikation durchführen. Wenn die dynamische Kernfunktion nicht kopiert werden kann, wird empfohlen, die gleiche Ausgabe als Prototyp zu verwenden und Lottie und andere Tools für dynamische Effekte zur Ergänzung der Implementierung einzusetzen.
Diese Antwort stammt aus dem ArtikelDasselbe: Website-UI klonen, um produktionsgerechten Front-End-Code zu erzeugenDie
