دليل شامل: أتمتة المتصفح باستخدام أوبن كلاو (OpenClaw)

ما ستتعلمه في هذا المقال: كيفية استخدام ميزة Browser Control في أوبن كلاو (OpenClaw) لأتمتة أكثر من 15 مهمة يومية متكررة على الويب، بما في ذلك ملء النماذج التلقائي، استخراج البيانات من المواقع، ومراقبة التغييرات على الصفحات، مع أمثلة عملية جاهزة للتطبيق.

أتمتة المتصفح واحدة من أقوى الميزات في أوبن كلاو (OpenClaw)، وهي تسمح لك بالتحكم الكامل في متصفح كروم (Chrome) أو المتصفحات الأخرى برمجياً، دون الحاجة إلى كتابة أكواد معقدة. سواء كنت تريد ملء نماذج بشكل متكرر، استخراج بيانات من مواقع، أو مراقبة تغييرات الأسعار، فإن أوبن كلاو (OpenClaw) يوفر لك الأدوات اللازمة.

ما هي ميزة Browser Control في أوبن كلاو (OpenClaw)؟

Browser Control هي أداة مدمجة في أوبن كلاو (OpenClaw) تتيح لك التفاعل مع صفحات الويب تماماً كما يفعل الإنسان، ولكن بشكل آلي. تعتمد على تقنية Playwright من مايكروسوفت، وهي مكتبة قوية لأتمتة المتصفحات.

المميزات الرئيسية

التحكم الكامل: النقر على الأزرار، كتابة النصوص، التمرير، والتنقل بين الصفحات
استخراج البيانات: قراءة المحتوى النصي، الجداول، الصور، والعناصر المخفية
التقاط لقطات الشاشة: حفظ صور للصفحات كاملة أو أجزاء محددة
المراقبة المستمرة: تتبع التغييرات على المواقع بشكل تلقائي
دعم كروم (Chrome) الشخصي: استخدام ملحق Browser Relay للتحكم في متصفحك المفتوح

البدء السريع: إعداد البيئة

تثبيت أوبن كلاو (OpenClaw)

إذا لم تكن قد ثبتت أوبن كلاو (OpenClaw) بعد، استخدم الأمر التالي على نظام macOS أو Linux:

npm install -g openclaw
openclaw gateway start

على نظام Windows، اتبع دليل التثبيت على ويندوز.

تفعيل Browser Control

أوبن كلاو (OpenClaw) يدعم وضعين للمتصفح:

المتصفح المدار (openclaw profile): متصفح معزول تديره أوبن كلاو (OpenClaw) بالكامل
Browser Relay (chrome profile): استخدام متصفح كروم (Chrome) الشخصي الموجود لديك

لتفعيل Browser Relay على كروم (Chrome):

ثبت ملحق OpenClaw Browser Relay من متجر Chrome Web Store
افتح صفحة ويب في كروم (Chrome)
انقر على أيقونة OpenClaw في شريط الأدوات
ستظهر علامة "ON" عندما يتم الاتصال بنجاح

الآن يمكنك التحكم في هذه الصفحة مباشرة من جلسة الدردشة مع أوبن كلاو (OpenClaw).

حالات الاستخدام العملية

1. ملء النماذج التلقائي

واحدة من أكثر المهام المملة هي ملء نفس النماذج مراراً وتكراراً. إليك كيفية أتمتة ذلك:

مثال: تسجيل الدخول التلقائي

افتح https://example.com/login
اكتب في حقل البريد الإلكتروني: user@example.com
اكتب في حقل كلمة المرور: password123
انقر على زر تسجيل الدخول

أوبن كلاو (OpenClaw) سيفهم هذه الأوامر الطبيعية وينفذها تلقائياً. يمكنك أيضاً حفظ هذا السيناريو كـ skill قابل لإعادة الاستخدام.

2. استخراج البيانات من الجداول

لنفترض أنك تريد استخراج قائمة المنتجات والأسعار من موقع تجاري:

افتح https://store.example.com/products
استخرج جدول المنتجات
احفظ البيانات في ملف products.csv

أوبن كلاو (OpenClaw) سيتعرف على الجدول تلقائياً، يستخرج البيانات، وينسقها في ملف CSV جاهز للاستخدام.

3. مراقبة الأسعار

أتمتة مراقبة الأسعار على مواقع التجارة الإلكترونية:

خطوات الإعداد:

افتح صفحة المنتج
استخرج السعر الحالي
قارنه بالسعر المحفوظ
أرسل إشعار إذا انخفض السعر

يمكنك جدولة هذا باستخدام cron jobs ليعمل كل ساعة أو يومياً.

4. اختبار واجهات المستخدم

للمطورين والمختبرين، يمكن استخدام أوبن كلاو (OpenClaw) لاختبار التطبيقات:

افتح https://myapp.test
انقر على زر "إضافة منتج"
املأ النموذج بهذه البيانات:
  - الاسم: منتج تجريبي
  - السعر: 100
  - الفئة: إلكترونيات
انقر حفظ
تحقق من ظهور رسالة "تم الحفظ بنجاح"
التقط لقطة شاشة

5. إنشاء تقارير تلقائية

استخرج بيانات من عدة مصادر وأنشئ تقارير:

افتح لوحة التحكم الإدارية
استخرج بيانات المبيعات اليومية
افتح لوحة التحليلات
استخرج عدد الزوار
أنشئ ملف تقرير يومي

الميزات المتقدمة

استخدام الـ Selectors

للتحكم الدقيق، يمكنك استخدام CSS selectors أو XPath:

انقر على العنصر #submit-button
اكتب في .email-input نص user@example.com

التقاط لقطات الشاشة

افتح https://example.com
التقط لقطة شاشة كاملة
احفظها باسم homepage.png

أوبن كلاو (OpenClaw) يدعم لقطات الشاشة الكاملة (full-page screenshots) حتى للصفحات الطويلة.

الانتظار والتوقيت

في بعض الأحيان تحتاج إلى الانتظار حتى يتم تحميل عنصر معين:

افتح https://example.com
انتظر حتى يظهر العنصر #results
استخرج البيانات

التعامل مع النوافذ المنبثقة

أوبن كلاو (OpenClaw) يمكنه التعامل مع النوافذ المنبثقة (popups) والإشعارات تلقائياً:

افتح https://example.com
اقبل ملفات الكوكيز
اغلق نافذة الإعلان

أمثلة لسيناريوهات كاملة

مثال 1: مراقبة الأخبار

# احفظ هذا كـ skill في ~/.openclaw/skills/news-monitor/
افتح https://news-site.com
استخرج العناوين الرئيسية
قارن بالعناوين المحفوظة في news-cache.json
إذا وجدت عناوين جديدة:
  أرسل إشعار على تيليجرام (Telegram)
  احفظ العناوين الجديدة

مثال 2: حجز المواعيد التلقائي

افتح https://booking.example.com
حدد الخدمة: استشارة
حدد التاريخ: أول موعد متاح
املأ البيانات الشخصية من ملف user-data.json
أكمل الحجز
التقط لقطة شاشة للتأكيد
أرسل التأكيد على البريد الإلكتروني

مثال 3: تجميع البيانات من عدة مصادر

# جمع الأسعار من 3 مواقع منافسة
افتح https://store1.com/product/abc
استخرج السعر واحفظه في prices.json كـ store1
افتح https://store2.com/product/abc
استخرج السعر واحفظه في prices.json كـ store2
افتح https://store3.com/product/abc
استخرج السعر واحفظه في prices.json كـ store3
قارن الأسعار واعرض الأفضل

الأمان وأفضل الممارسات

1. لا تخزن كلمات المرور في النصوص

استخدم ملفات البيئة (.env) أو مدير كلمات المرور:

# في ملف .env
LOGIN_EMAIL=user@example.com
LOGIN_PASSWORD=secure_password

# في السكريبت
اكتب في حقل البريد: ${LOGIN_EMAIL}
اكتب في حقل كلمة المرور: ${LOGIN_PASSWORD}

2. احترم شروط الخدمة

تأكد من أن أتمتتك لا تنتهك شروط استخدام المواقع. بعض المواقع تحظر الـ web scraping.

3. استخدم التأخير المناسب

لا تضغط على الخوادم بطلبات سريعة جداً:

افتح الصفحة 1
انتظر 2 ثانية
افتح الصفحة 2

4. تعامل مع الأخطاء

حاول:
  افتح https://example.com
  انقر على #submit
إذا فشل:
  التقط لقطة شاشة للخطأ
  أرسل إشعار فشل

دمج Browser Automation مع ميزات أخرى

مع Cron Jobs

جدولة مهام المتصفح للعمل تلقائياً:

openclaw cron add \
  --schedule "0 9 * * *" \
  --task "افتح لوحة التحكم واستخرج تقرير المبيعات اليومي"

مع الذاكرة (MEMORY.md)

حفظ البيانات المستخرجة للاستخدام المستقبلي:

استخرج البيانات من الموقع
احفظها في memory/web-data.json
سجل في MEMORY.md: تم تحديث بيانات الموقع في [التاريخ]

مع Web Search

دمج البحث على الويب مع أتمتة المتصفح:

ابحث عن "أفضل سعر للمنتج X"
افتح أول 3 نتائج
استخرج الأسعار من كل موقع
قارن واعرض الأفضل

مقارنة أوبن كلاو (OpenClaw) بأدوات الأتمتة الأخرى

الميزة	أوبن كلاو (OpenClaw)	Selenium	Puppeteer	Playwright
سهولة الاستخدام	⭐⭐⭐⭐⭐ (لغة طبيعية)	⭐⭐ (كود معقد)	⭐⭐⭐ (كود)	⭐⭐⭐ (كود)
التكامل مع AI	⭐⭐⭐⭐⭐ (مدمج)	❌	❌	❌
دعم المتصفحات	كروم، فايرفوكس، سفاري	جميع المتصفحات	كروم فقط	جميع المتصفحات
المراقبة التلقائية	⭐⭐⭐⭐⭐	يحتاج إعداد	يحتاج إعداد	يحتاج إعداد
الإشعارات المدمجة	⭐⭐⭐⭐⭐	❌	❌	❌
السعر	مجاني ومفتوح المصدر	مجاني	مجاني	مجاني

الميزة الكبرى لأوبن كلاو (OpenClaw) هي أنك لست بحاجة لتعلم لغة برمجة، فقط اكتب ما تريده بالعربية أو الإنجليزية وسيفهمه النظام.

استكشاف الأخطاء الشائعة

المشكلة: "لم أتمكن من العثور على العنصر"

الحل: استخدم وصف أكثر دقة أو CSS selector:

# بدلاً من: انقر على الزر
# استخدم: انقر على الزر "تسجيل الدخول"
# أو: انقر على #login-button

المشكلة: "الصفحة لم تحمل بالكامل"

الحل: أضف وقت انتظار:

افتح https://example.com
انتظر 3 ثوان
انقر على الزر

المشكلة: "فشل الاتصال بالمتصفح"

الحل: تأكد من تشغيل gateway:

openclaw gateway status
openclaw gateway restart

الموارد والمراجع

التوثيق الرسمي

الأسئلة الشائعة

هل يمكنني استخدام أوبن كلاو (OpenClaw) لأتمتة المواقع التي تتطلب تسجيل دخول؟ نعم، أوبن كلاو (OpenClaw) يدعم تسجيل الدخول التلقائي ويحفظ الجلسات (sessions) لتجنب تسجيل الدخول المتكرر. يمكنك حتى استخدام ملفات تعريف الارتباط (cookies) المحفوظة.

هل Browser Control يعمل مع المواقع العربية؟ نعم بالكامل، أوبن كلاو (OpenClaw) يدعم Unicode والنصوص من اليمين إلى اليسار (RTL) بشكل كامل، مما يجعله مثالياً للمواقع العربية.

ما هي سرعة تنفيذ الأوامر مقارنة بالتفاعل البشري؟ أوبن كلاو (OpenClaw) أسرع بكثير من الإنسان، ولكن يمكنك التحكم في السرعة لتجنب اكتشاف الأتمتة. استخدم خيار "slowly" للتفاعل الطبيعي.

هل يمكنني استخدام أكثر من متصفح في نفس الوقت؟ نعم، يمكنك فتح عدة جلسات متصفح مختلفة في نفس الوقت، كل واحدة مع session منفصل ومعزول عن الآخر.

كيف أحمي بيانات تسجيل الدخول الخاصة بي؟ استخدم ملفات البيئة (.env) لتخزين البيانات الحساسة، ولا تشارك scripts تحتوي على كلمات مرور. أوبن كلاو (OpenClaw) لا يرسل بياناتك إلى أي خادم خارجي.