Ne olduğunu görün
tıkladığınızda.

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

Notes tarayıcı örneğinde Notları Dışa aktar düğmesi bulunur. Tıklamak notes.json, iki notu CSV olarak biçimlendirir ve bir indirme başlatır.

Uzaktan hata ayıklama ile Chrome'yu açın

Barındırılan Notlar örneğini ayrı bir tarayıcı profili ve yerel hata ayıklama bağlantı noktasıyla açın. Linux üzerinde :

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

Yüklü tarayıcınızın yürütülebilir yolunu macOS veya Windows'DA 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

Ö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 komut dosyasını inceleyebilir.

Veya terminalden yakalama

Sayfanın hedef kimliğini bulun:

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_IDAşağıdaki TARGET_İD öğesini kimliğiyle değiştirin, ardından çalıştırı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 komut dosyasını dışa aktarın

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 komut dosyası kaynağını okuyun:

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ı komut dosyasından gelir; ağ yakalama, bu tıklamanın notes.json.

Örneği açın * İndir export.js* İndirnotes.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 devam edin.