Önizleme ortamları: her dal kendi adresinde

Paralel ajanlar farklı worktree’lerde çalışırken her birinin sonucunu görmek için dev sunucuyu elle başlatıp boş port aramak gerekmez. Önizleme sekmesi projenin ve her worktree’nin sunucusunu ayrı bir portta başlatır ve dal adıyla bir adres verir.

Dal başına adres

Her ortam http://<dal>.agentvera.localhost:<port> adresinden açılır; yerel vekil WebSocket’leri de geçirir. Başlatma komutu package.json’daki dev, start, serve ya da preview betiğinden bulunur; Vite, Astro, Nuxt, SvelteKit, Remix, Next ve Angular için port bayrağı eklenir. Django’nun runserver’ı da tanınır; hiçbiri yoksa yerleşik statik sunucu index.html’i sunar. İstersen {port} yer tutuculu kendi komutunu yazarsın.

  • Başlat, yeniden başlat, durdur ve loglar.
  • AgentVera tarayıcısında ya da sistem tarayıcısında aç, adresi kopyala.
  • Vercel bağlıysa dalın Vercel önizleme adresi de ortam kartında görünür.

Görsel karşılaştırma

Seçtiğin sayfaların tam sayfa ekran görüntüleri Mobil (375×812), Tablet (768×1024) ve Masaüstü (1440×900) boyutlarında alınır; en fazla 6 boyut tanımlanabilir. Bir temel belirlersin; sonraki görüntüler temelle piksel piksel karşılaştırılır, değişen pikseller kırmızıyla işaretlenir. Varsayılan değişiklik eşiği piksellerin %0,1’idir.

Ajana test ettir

“Ajana test ettir” o worktree’de AgentVera tarayıcısını kullanan bir Claude ajanı açar. Ajan her sayfayı açar, her ekran boyutuna geçer; taşma, bozuk yerleşim, okunmayan metin, konsol hataları ve çalışmayan bağlantı ya da düğmeleri arar, düzeltebildiğini düzeltir ve rapor verir.

Nasıl kullanılır

  1. 1

    Proje Detaylar → Önizleme sekmesini aç; proje ve worktree’ler listelenir.

  2. 2

    Bir ortamı “Başlat” ile çalıştır ve adresini aç.

  3. 3

    “Temel al” ile temel görüntüleri kaydet; değişiklikten sonra “Temelle karşılaştır” de.

Sık sorulanlar

Hangi projelerde çalışır?

package.json’da dev, start, serve ya da preview betiği olan projelerde, Django projelerinde ve statik sitelerde. Diğerleri için kendi başlatma komutunu yazabilirsin.

Hangi sayfaların görüntüsü alınır?

Önizleme ayarlarında yazdığın sayfaların; varsayılan yalnızca ana sayfadır (/).

Test eden ajan hangisi?

AgentVera tarayıcısını kullanan bir Claude Code ajanı; o worktree’de açılır.

İlgili özellikler

İlgili kavramlar:Git worktreeGörsel regresyon testi (visual regression testing)

Tüm özelliklerDesteklenen 18 kodlama ajanını gör

Ajanlarını bir masaya topla.

Ücretsiz planla başla. İndir, proje klasörünü ekle, ilk ajanını aç.