Notiz und Tags beim Screenshot-Speichern im Shadow DOM Overlay
Notiz und Tags werden direkt im Capture-Overlay eingegeben, in Qdrant persistiert und ins Embedding eingebettet. Wie Typen, Shadow DOM und ein Chip-Input das umsetzen.
Webentwicklung
Instagram Karussell vollständig erfassen mit MutationObserver
Instagram lädt Karussell-Slides lazy. Nur die ersten zwei sind beim Öffnen im DOM. Ein MutationObserver und eine while-Schleife lesen alle Slides automatisch aus, ohne einen einzigen Classnamen anzufassen.
Instagram PostId aus Feed und Kanal-Grid korrekt extrahieren
Instagram nutzt im Feed article-Tags, im Kanal-Grid nicht. ancestor traversal löst falsche PostIds, eine Promise-Map verhindert doppelte Backend-Requests.
Race Condition in Chrome Extensions debuggen und vermeiden
Das Shadow DOM Overlay löste eine Race Condition aus. Instagram wurde als generic erkannt, alle Metadaten fehlten. Ursache und Fix mit capturedElement und einem previewOpen Flag.
Chrome Extension mit Shadow DOM Preview und Tailwind CSS v4
Phase 2 bringt drei Features: ein Shadow DOM Preview-Overlay vor dem Speichern, farbkodierte Duplikatserkennung beim Hover und ein Popup mit Tailwind CSS v4.
Chrome Extension Foundation mit Health-Dot und Retry-Queue
Phase 1 legt das Fundament: Health-Dot, Retry-Queue und Capture History machen die Chrome Extension im täglichen Einsatz zuverlässig und nachvollziehbar.