---
title: Tarayıcı ve Ağ Analizi - REA
url: https://rea.tools/tr/guides/browser/
---

[Ana](https://rea.tools/tr/) Sayfa / [Kılavuzlar](https://rea.tools/tr/guides/) / Tarayıcı gözlemi

# Tıkladığınızda ne olduğunu görün.

Bir eylemi, ağ isteğini ve bir indirme oluşturan JavaScript’i bağlamak için küçük bir tarayıcı uygulaması kullanın.

## Dışa Aktar'ı tıklattığınızda ne olur?

[Notes tarayıcı örneğinde](https://rea.tools/examples/notes-web/) **Notları Dışa aktar** düğmesi bulunur. Tıklandığında `notes.json` yüklenir, iki notu CSV olarak biçimlendirir ve bir indirme başlatır.

Tıklamadan CSV indirmeye

1. 01 \*

   Notları Dışa aktar'ı tıklattığınızda

   , yakalama çalışırken tarayıcınızda eylemi gerçekleştirin.
2. 02 \* REA

   İsteği kaydedin

   Seçilen sayfadan istek URL'sini, yanıt durumunu ve JSON yapısını yakalayın.
3. 03 \* Aracınız

   Dışa aktarma kodunu okudu

   Gözlenen isteği `fetch("./notes.json")` dışa `export.js`.

`GET notes.json → 200 → notes[] → CSV`

Notları Dışa Aktar'ı tıklatmadan önce yakalamayı başlatın.

## Uzaktan hata ayıklama ile Chrome’u açın

Barındırılan Notlar örneğini ayrı bir tarayıcı profili ve yerel hata ayıklama portuyla açın. Linux’ta:

Örnek tarayıcıyı başlatın

```
google-chrome \
  --remote-debugging-port=9222 \
  --user-data-dir=/tmp/rea-notes-browser \
  https://rea.tools/examples/notes-web/
```

Yüklü tarayıcınızın yürütülebilir yolunu macOS veya Windows’ta kullanın. Sayfa URL'sini incelemek istediğiniz başka bir sayfayla değiştirebilirsiniz.

REA bu mevcut tarayıcıya bağlanır. Sayfanın kontrolünü elinizde tutar, işlemi gerçekleştirir ve işiniz bittiğinde tarayıcıyı kapatırsınız.

## Temsilcinizden bir eylemi izlemesini isteyin

Kodlama aracınız

Notları Dışa Aktar'ı tıklatırken bu sayfayı incelemek için REA kullanın. Hangi isteği yapar ve CSV nasıl oluşturulur?

Örnek istemi. Aracınıza hata ayıklama bitiş noktasını verin, `http://127.0.0.1:9222` ve sayfa URL'si. Tıklamadan önce yakalamayı başlatmasına izin verin.

Temsilciniz sayfa hedefini keşfeder, bir gözlem penceresi başlatır ve ortaya çıkan kanıtları okur. Daha sonra dışa aktarmanın arkasındaki betiği inceleyebilir.

## Veya terminalden yakalama

Sayfanın hedef kimliğini bulun:

Sayfayı bul

```
npx -y rea-agents@latest list-browser-targets \
  http://127.0.0.1:9222 --json
```

Notes örnek URL'sini içeren hedefi seçin. `TARGET_ID`Aşağıdaki TARGET_İD öğesini kimliğiyle değiştirin, ardından çalıştırın:

Sonraki on saniyeyi yakalayın

```
npx -y rea-agents@latest inspect-web-page \
  http://127.0.0.1:9222 TARGET_ID \
  --observation-ms 10000 \
  --include-accessibility-text \
  --include-json-body-shapes --json
```

Komutun birkaç saniye bağlanmasına izin verin, ardından o tarayıcıda **Notları dışa aktar'ı** tıklayın. Sonuç, gözlem penceresi sona erdikten sonra gelir.

Yakalanan sonuç, seçilen sayfayı, o penceredeki ağ etkinliğini ve JSON yanıtının şeklini içerir. Daha önceki istekler bu yakalamanın dışındadır.

## İsteği okuyun ve betiği dışa aktarın

Yerel Notlar örneğinde REA 4.1.0 ile kaydedildi

| Yakalanan gerçek | Değer |
| --- | --- |
| Talep | `GET /examples/notes-web/notes.json` |
| Yanıt | `200 · application/json` |
| İstek başlatıcı | `export.js` \* betik |
| Yanıt yapısı | `notes[]` `id` ve `title` alanları ile |

Yüklenen komut dosyalarını okuyun

```
npx -y rea-agents@latest inspect-web-page \
  http://127.0.0.1:9222 TARGET_ID \
  --include-script-sources --json
```

İstek veri kaynağını tanımlar ve REA dışa `export.js`. Verilerin nasıl kullanıldığını görmek için yakalanan betik kaynağını okuyun:

export.js \* örnek kaynak alıntı

```
const response = await fetch("./notes.json");
const { notes } = await response.json();
// Format each note as a CSV row.
const url = URL.createObjectURL(new Blob([csv], { type: "text/csv" }));
link.href = url;
link.download = "notes.csv";
link.click();
```

İndirme, JSON yanıtı kullanılarak sayfada oluşturulur. CSV biçimlendirme adımı betikten gelir; ağ yakalama, bu tıklamanın `notes.json`.

[Örneği açın](https://rea.tools/examples/notes-web/) \* [İndir export.js](https://rea.tools/examples/notes-web/export.js)\* [İndirnotes.json](https://rea.tools/examples/notes-web/notes.json)

> `notes.json`. Virgül veya tırnak işareti içeren başlıklardan nasıl kaçar?

Yüklü bir JavaScript veya Electron uygulaması için dosyaları ve işlem sınırlarını takip etmek üzere [uygulama iş akışına](https://rea.tools/guides/javascript/) devam edin.

HTTP istek ve yanıt gövdelerini incelemek için [Fiddler Everywhere: SAZ kayıtları, MCP ve herkese açık beceriler](https://github.com/morluto/rea/blob/main/docs/web-network-captures.md) rehberini kullanın. REA ile çevrimdışı kayıt Evidence elde etmek için SAZ veya HAR 1.2 dışa aktarın veya kaydedilen trafiği ajanınızla incelemek için Everywhere MCP sunucusunu bağlayın.