Privacy-first capture for Chromium Chromium için gizlilik öncelikli yakalama

DevTools you didn't open. Açmadığın DevTools.

Hindsight passively records every request, error, action and screenshot in the background — so you can scrub back through time and ship a faithful bug report. Hindsight her isteği, hatayı, aksiyonu ve ekran görüntüsünü arka planda sessizce kaydeder — zamanda geri sarıp tam içerikli bir hata raporu gönderirsin.

v0.6.1 · No backend Backend yok · No telemetry Telemetri yok · MIT licensed MIT lisanslı
Three promises Üç söz

Built around what really matters. Gerçekten önemli olanın etrafında kuruldu.

Every architectural decision defends one of these. If we can't, we don't ship the feature. Her mimari karar bunlardan birini koruyor. Koruyamıyorsak, o özelliği yayınlamıyoruz.

02

No information loss. Bilgi kaybı yok.

Hindsight never silently truncates, denoises or "smart summarizes" your capture. What got recorded is what you can share. Hindsight yakaladığını sessizce kısaltmaz, "akıllı özetleme" yapmaz. Neyi kaydettiyse onu paylaşabilirsin.

03

Zero setup, useful from minute one. Sıfır kurulum, ilk dakikadan değerli.

Defaults work the moment you install. The killer feature is a single-file HTML replay bundle a teammate opens in any browser. Yüklediğin anda varsayılanlar çalışır. Asıl özellik: tek dosyalık HTML replay paketi — meslektaşın herhangi bir tarayıcıda açar.

What it captures Ne yakalıyor

The whole picture, in the background. Arka planda, her şey.

Default-on the moment you install. Tier 4 captures light up only when you press Record. Yüklediğin an varsayılan olarak aktif. Tier 4 kayıtlar yalnızca Record'a bastığında devreye girer.

Network

Every request, with the full body. Her istek, gövdesiyle birlikte.

fetch, XMLHttpRequest, WebSocket frames, SSE. Headers and bodies on both sides. Sensitive headers masked at capture time. fetch, XMLHttpRequest, WebSocket çerçeveleri, SSE. İki yönde başlıklar ve gövde. Hassas başlıklar yakalama anında maskelenir.

01POST /api/checkout
02{
03  "cart_id": "abc123",
04  "total": 4299
05}
06
07→ 500 Internal Server Error
08{ "error": "db timeout" }
Console & errorsKonsol & hatalar

Logs, warnings, stack traces. Loglar, uyarılar, stack trace.

error, warn, info, plus unhandled rejections and uncaught errors — captured with full stack traces. error, warn, info, ek olarak yakalanmamış hatalar ve unhandled rejection'lar — stack trace ile birlikte.

  • 14:32:09 ERR Uncaught TypeError checkout.js:42
  • 14:32:10 WARN deprecated API used cart.ts:118
  • 14:32:12 INFO retry scheduled api.ts:9
User actionsAksiyonlar

Clicks, inputs, route changes — sanely. Tıklamalar, girdiler, yönlendirmeler — temizce.

Tag, accessible name and position — not raw coordinates. Passwords always masked. SPA route changes detected. Element tag'i, erişilebilir ad ve konum — koordinat değil. Şifreler her zaman maskeli. SPA yönlendirmeleri otomatik algılanır.

  • 14:31:58 CLICK nav[role="primary"] / Cart
  • 14:32:03 INPUT email · ***@***
  • 14:32:07 ROUTE /cart → /checkout
  • 14:32:08 CLICK button[name="checkout"]
Screenshots on errorHatada ekran görüntüsü

A single frame at the breaking point. Tam kırıldığı an tek bir kare.

A JPEG frame the instant a request fails. Throttled to one per tab every two seconds — never enough to hurt your battery. İstek başarısız olduğu anda tek bir JPEG kare. Sekme başına 2 saniyede bir sınırlı — pilini hiçbir zaman zorlamaz.

Performance signalsPerformans sinyalleri

When the app feels janky, you'll know why. Uygulama takıldığında nedenini bileceksin.

Long tasks > 100 ms, cumulative layout shift, white-screen heuristic — all laid out on the timeline. 100 ms'yi geçen long task'lar, cumulative layout shift, beyaz ekran sezgisi — hepsi zaman çizelgesinde.

Long task 182 ms
CLS 0.08
White screen 0.4 s
Recording modeKayıt modu

"Show me exactly what they did." "Bana tam olarak ne yaptıklarını göster."

Record toggles cursor trail, throttled scroll and 2-second screenshots — for reproductions you'd otherwise have to ask for. Record imleç izini, kaydırma kaydını ve 2 saniyelik ekran görüntülerini açar — aksi takdirde ekstra rica edeceğin reprodüksiyonlar için.

● REC · 00:14
cursor · scroll · screenshots imleç · kaydırma · ekran görüntüsü
Privacy Gizlilik

Masked at capture time, not at export time. Yakalama anında maskelenir, dışa aktarımda değil.

The original value of a sensitive field is never written to your local storage — replaced with ***MASKED*** before persistence. Hassas bir alanın orijinal değeri yerel depolamana asla yazılmaz — kalıcı hale gelmeden ***MASKED*** ile değiştirilir.

"Accept"        : "application/json",
"Authorization" : ***MASKED***,
"Cookie"        : ***MASKED***,
"X-API-Key"     : ***MASKED***,
"Content-Type"  : "application/json"

Default rules cover Authorization, Cookie, Set-Cookie, X-API-Key, X-Auth-Token, Proxy-Authorization, credit-card numbers and Turkish national IDs. Add your own regex in Settings → Privacy. Varsayılan kurallar Authorization, Cookie, Set-Cookie, X-API-Key, X-Auth-Token, Proxy-Authorization, kredi kartı numaraları ve TCKN'yi kapsar. Ayarlar → Privacy'den kendi regex'ini ekleyebilirsin.

Performance Performans

Mostly invisible by design. Tasarımı gereği görünmez.

The capture path is gated by hard CI benchmarks. Your browser doesn't notice it's there. Yakalama yolu CI üzerinde sıkı performans gate'leriyle korunur. Tarayıcın orada olduğunu fark etmez.

0.012ms
fetch overhead
p95
fetch yükü
p95
0.001ms
XHR overhead
p95
XHR yükü
p95
0.25ms
filter 1k events
p95
1k olay filtre
p95
0
outbound requests dış istek
125
unit tests birim test
Install Kurulum

One click. Or four steps. Tek tık. Ya da dört adım.

Now live on the Chrome Web Store and Firefox Add-ons — one click to install. Prefer a manual build? The four steps below still work. Artık Chrome Web Store ve Firefox Eklentileri'nde — tek tıkla kur. Manuel kurulumu mu tercih edersin? Aşağıdaki dört adım hâlâ geçerli.

Manual install Manuel kurulum

  1. STEP 01
    Download the release. Sürümü indir.

    Grab hindsight-v0.5.0.zip and unzip it somewhere you'll keep. GitHub'dan hindsight-v0.5.0.zip dosyasını indir ve kalıcı bir klasöre çıkar.

  2. STEP 02
    Open chrome://extensions. chrome://extensions.

    Toggle Developer mode on in the top-right. Sağ üstteki Geliştirici modu anahtarını aç.

  3. STEP 03
    Click "Load unpacked". "Paketten Çıkarılmış" tıkla.

    Pick the unzipped folder. Pin the Hindsight icon to your toolbar. Çıkardığın klasörü seç. Hindsight ikonunu araç çubuğuna sabitle.

  4. STEP 04
    Browse normally. Normal şekilde gez.

    When something breaks, click the icon — the side panel is your inspector. Bir şey bozulduğunda ikona tıkla — yan panel senin müfettişin.

More from osmnnl osmnnl'den dahası

Extensions worth your toolbar. Araç çubuğuna değer eklentiler.

Small, sharp tools built with the same privacy-first, no-account philosophy. Aynı gizlilik öncelikli, hesapsız felsefeyle yapılmış küçük ama keskin araçlar.

Chrome Extension · 01

StorageNinja

Inspect, edit and wipe browser storage — localStorage, sessionStorage, cookies and IndexedDB — from a single keyboard-friendly panel. Tek bir klavyeye dost panelden localStorage, sessionStorage, cookie ve IndexedDB — tarayıcı depolamasını incele, düzenle ve sıfırla.

Chrome Extension · 02

TestDataHelper

Generate realistic test data — Turkish IDs, IBANs, names, emails, dates — and drop them into any form field with one click. Gerçekçi test verisi üret — TCKN, IBAN, ad, e-posta, tarih — ve tek tıkla herhangi bir form alanına yerleştir.