Manuscript – Sayfa değişse bile bozulmayan web demoları ve kılavuzları oluşturan tarayıcı eklentisi
(zendy00.github.io)Web sayfaları üzerinde adım adım demo, kılavuz ve onboarding rehberi oluşturan bir tarayıcı eklentisi (Chrome·Edge). Vurgulamak istediğiniz öğeleri tıklayarak seçip spot ışığı, not ve elle çizilmiş oklar ekleyebiliyor, ardından oynatabiliyorsunuz.
Bunu geliştirirken iki noktaya odaklandım. Mevcut araçlarda sayfa biraz değiştiğinde rehber bozuluyor ve ortaya çıkan içerik buluta hapsolduğu için sürüm yönetimi zorlaşıyor. Bu iki sorunu farklı şekilde çözmek istedim.
Farklı yönleri
- Kolay kolay bozulmaz. Her adımın öğesini 3 katmanlı olarak hatırlar — kararlı özellikler (
data-testid·id·aria-label) → metin·çevre yapı → koordinatlar·bitişik yazılar. Biri uyuşmazsa bir sonraki katmana fallback yapar. - Çıktı tek bir JSON dosyasıdır.
git'e commit edilir, PR ile diff incelemesi yapılır ve kodun yanında tutularak yönetilir. Bulut lock-in yoktur. - Hedef sitenin koduna dokunmaz. Eklenti yalnızca tarayıcı içinde çalıştığı için kendi ürününüzde, müşterinizin sitesinde ya da harici SaaS'larda her yerde kullanılabilir.
Sesli rehber (TTS), sunucu penceresi, ekran kaydı ve GitHub deposu üzerinden senaryo paylaşma özellikleri de bulunuyor.
Henüz yorum yok.