انظر ماذا سيحدث
عند النقر فوق.

ماذا يحدث عند النقر فوق تصدير?

ال ملاحظات متصفح سبيل المثال لديه ملاحظات التصدير زر. النقر عليه الأحمال notes.json، تنسيقات المذكرتين على النحو التالي CSV, ويبدأ التنزيل.

فتح Chrome مع التصحيح عن بعد

افتح مثال الملاحظات المستضافة باستخدام ملف تعريف متصفح منفصل ومنفذ تصحيح أخطاء محلي. على Linux:

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

استخدم المسار القابل للتنفيذ للمتصفح المثبت على macOS أو Windows. يمكنك استبدال رابط الصفحة بصفحة أخرى تريد فحصها.

REA يتصل بهذا المتصفح الحالي. يمكنك التحكم في الصفحة وتنفيذ الإجراء وإغلاق المتصفح عند الانتهاء.

اطلب من وكيلك مشاهدة إجراء واحد

مثال موجه. إعطاء وكيلك نقطة النهاية التصحيح, http://127.0.0.1:9222، وعنوان الصفحة. السماح لها بدء التقاط قبل النقر فوق.

يكتشف وكيلك هدف الصفحة ، ويبدأ نافذة مراقبة ، ويقرأ الأدلة الناتجة. ويمكن بعد ذلك فحص البرنامج النصي وراء التصدير.

أو التقاط من المحطة

ابحث عن معرف الهدف للصفحة:

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

اختر الهدف مع عنوان ورل مثال الملاحظات. استبدال TARGET_ID أدناه مع معرفه ، ثم تشغيل:

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

دع الأمر يتصل لبضع ثوان ، ثم انقر فوق ملاحظات التصدير في هذا المتصفح. تصل النتيجة بعد انتهاء نافذة المراقبة.

تتضمن النتيجة الملتقطة الصفحة المحددة ونشاط الشبكة أثناء تلك النافذة وشكل استجابة جسون. الطلبات السابقة خارج هذا الالتقاط.

قراءة الطلب وتصدير البرنامج النصي

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

يحدد الطلب مصدر البيانات ، و REA المحاضر export.js كما البادئ لها. اقرأ مصدر البرنامج النصي الملتقط لمعرفة كيفية استخدام البيانات:

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();

يتم إنشاء التنزيل في الصفحة باستخدام استجابة جسون. ال CSV تأتي خطوة التنسيق من البرنامج النصي ؛ يثبت التقاط الشبكة أن هذه النقرة مطلوبة notes.json.

افتح المثال · تحميل export.js · تحميل notes.json

ابحث عن البرنامج النصي الذي يطلب notes.json. كيف يفلت من العناوين التي تحتوي على فواصل أو علامات اقتباس?

للحصول على تثبيت JavaScript أو Electron التطبيق ، تواصل مع سير عمل التطبيق لمتابعة الملفات وحدود العملية.