# Browser Tool (/tr/docs/verdent-for-vscode/core-features/browser-tool)

> Tarayıcı oturumlarını kullanarak web etkileşimlerini otomatikleştirin, arayüzleri test edin ve ekran görüntüsü alın



Browser Tool, yapay zeka tabanlı tarayıcı etkileşimlerini mümkün kılar. Doğal dil komutlarıyla tarayıcı oturumları başlatın, öğelere tıklayın, metin yazın, sayfalarda kaydırın ve ekran görüntüsü alın.

### Neler öğreneceksiniz [#neler-öğreneceksiniz]

* Oturum yaşam döngüsü: başlatma → etkileşim → kapatma
* Tarayıcı eylemleri: tıklama, yazma, kaydırma
* Kullanım senaryoları: arayüz testi, ekran görüntüleri, gezinme

***

## Oturum yaşam döngüsü [#oturum-yaşam-döngüsü]

Her tarayıcı otomasyonu iş akışı katı bir sırayı izler:

1. **Başlatma** - Hedef URL'de bir tarayıcı oturumu başlatın
2. **Etkileşim** - Eylemleri gerçekleştirin (tıklama, yazma, kaydırma)
3. **Kapatma** - Kaynakları serbest bırakmak için oturumu sonlandırın

Tarayıcı durumu, bir oturum içindeki eylemler arasında korunur. Diğer Verdent araçlarını kullanmadan önce tarayıcıyı kapatmanız gerekir.

<Tip>
  Her eylem, geçerli tarayıcı durumunu gösteren bir ekran görüntüsü döndürür. Devam etmeden önce başarıyı doğrulamak için eylemler arasında ekran görüntülerini inceleyin.
</Tip>

***

## Tarayıcı eylemleri [#tarayıcı-eylemleri]

<Tabs>
  <Tab title="launch">
    **Yeni bir tarayıcı oturumu başlatın**

    * Gerekli: hedef URL
    * Tarayıcıyı 1920x1080 çözünürlükte açar
    * Her zaman herhangi bir iş akışındaki ilk eylemdir

    ```
    Launch browser at https://example.com
    ```
  </Tab>

  <Tab title="click">
    **Belirli koordinatlara tıklayın**

    * Gerekli: x,y koordinatları
    * Koordinatlar görünüm penceresine görelidir
    * Güvenilirlik için öğe merkezlerini hedefleyin

    ```
    Click coordinates 450,300
    ```
  </Tab>

  <Tab title="type">
    **Klavye ile metin yazın**

    * Gerekli: yazılacak metin
    * O anda odaklanmış öğeye yazar
    * Genellikle bir giriş alanına tıklamanın ardından gelir

    ```
    Type "user@example.com"
    ```
  </Tab>

  <Tab title="scroll">
    **Sayfayı kaydırın**

    * `scroll_down` - Bir sayfa yüksekliği kadar aşağı kaydırın
    * `scroll_up` - Bir sayfa yüksekliği kadar yukarı kaydırın
    * Ekran dışındaki içeriği gösterir

    ```
    Scroll down to load more content
    ```
  </Tab>

  <Tab title="close">
    **Tarayıcı oturumunu sonlandırın**

    * Her zaman herhangi bir iş akışındaki son eylemdir
    * Diğer araçları kullanmadan önce gereklidir
    * Tarayıcı kaynaklarını serbest bırakır

    ```
    Close browser
    ```
  </Tab>
</Tabs>

<Tip>
  Koordinatlar 1920x1080 görünüm penceresine görelidir. Merkez yaklaşık (960, 540) noktasındadır. Öğe konumlarını tahmin etmek için ekran görüntülerini kullanın.
</Tip>

***

## Yaygın kullanım senaryoları [#yaygın-kullanım-senaryoları]

<Tabs>
  <Tab title="UI Testing">
    **Form gönderimlerini ve gezinme akışlarını test edin**

    Bir oturum açma sayfasında başlatın, giriş alanlarına tıklayın, kimlik bilgilerini yazın, formları gönderin ve sonuçları ekran görüntüleriyle doğrulayın.

    ```
    Launch browser at https://app.example.com/login
    Click coordinates 450,280
    Type "testuser@example.com"
    Click coordinates 450,340
    Type "password123"
    Click coordinates 500,420
    Close browser
    ```
  </Tab>

  <Tab title="Screenshots">
    **Belgeleme için sayfaları yakalayın**

    Ekran görüntüleri her eylemden sonra otomatik olarak yakalanır. Görsel belgeler oluşturmak için hedef sayfalara ve bölümlere gidin.

    ```
    Launch browser at https://docs.example.com
    Scroll down to API section
    Close browser
    ```
  </Tab>

  <Tab title="Navigation">
    **Hedef içeriğe gidin**

    Çıkarma işleminden önce etkileşim gerektiren içeriğe (menülere tıklama, geç yüklenen içeriği yükleme) ulaşmak için tarayıcı otomasyonunu kullanın.

    ```
    Launch browser at https://store.example.com
    Scroll down three times
    Click "Next Page" at 960,800
    Close browser
    ```
  </Tab>
</Tabs>

***

## Kısıtlamalar [#kısıtlamalar]

* **Araç münhasırlığı** - Etkin oturumlar sırasında yalnızca browser\_action kullanılabilir
* **Koordinat tabanlı** - CSS seçicileri değil, x,y koordinatları gerektirir
* **Sabit çözünürlük** - Tarayıcı görünüm penceresi 1920x1080'de kilitlidir
* **Yalnızca Chrome** - Puppeteer, Chrome/Chromium tarayıcılarını destekler
* **Kalıcılık yok** - Oturumlar Verdent yeniden başlatmalarında devam etmez
* **WSL desteği yok** - Browser Tool, WSL ortamlarında çalışmaz
* **Kayıtlı durum yok** - Her oturum çerez veya kimlik doğrulama olmadan sıfırdan başlar
* **Tek oturum** - Aynı anda yalnızca bir tarayıcı oturumu etkin olabilir

<Tip>
  Dosya işlemleri, arama araçları veya bash komutlarını kullanmadan önce her zaman tarayıcı oturumunu kapatın. Tarayıcı, etkin oturumlar sırasında diğer araçları kilitler.
</Tip>

***

## Ayrıca bakınız [#ayrıca-bakınız]

<CardGroup cols="3">
  <Card title="Code Diff" icon="code-compare" href="/docs/verdent-for-vscode/core-features/code-diff">
    Kod değişikliklerini inceleyin ve onaylayın
  </Card>
</CardGroup>