ForHosting KIT · قراءة المواقع ومراقبتها

صورة لعنصر واحد فقط من الصفحة

أداة التقاط العنصر تحدد جزءًا واحدًا من صفحة ويب بمحدد CSS، مثل قسم أسعار أو جدول أو صورة منتج، وتلتقط صورة له فقط دون بقية الصفحة. تناسب من يحتاج توثيق عنصر واحد بدقة لا الصفحة كاملة، خصوصًا حين يكون المحيط بالعنصر غير ذي صلة بما يريد توثيقه فعليًا.

● مستقرةلكل طلب · لكل عنوان URL$0.040

تشغيل — $0.040 + $0.001/عنوان URL اطّلع على الـAPI

استخدمها من الويبAPIالبريدالتطبيق قريبًاTelegram قريبًا

شغّلها أونلاين

شغّل هذه المهمة على خوادمنا باستخدام حسابك. الأدوات المجانية تعمل داخل متصفحك، أما هذه فتُخصم من رصيدك في KIT حسب السعر الموضّح أعلاه.

متى تحتاج عنصرًا واحدًا لا صفحة كاملة

أحيانًا يكون المطلوب توثيق زر واحد أو قسم أسعار أو شعار فقط، لا الصفحة بأكملها بما فيها القائمة والتذييل وكل المحتوى المحيط. لقطة الصفحة الكاملة في هذه الحالة تضيف تفاصيل غير مطلوبة يجب قصّها يدويًا لاحقًا، بينما تلتقط هذه الأداة العنصر المطلوب مباشرة بحدوده الفعلية فقط. هذا يوفر خطوة تحرير كاملة كانت ستُنجز يدويًا في برنامج تحرير صور بعد كل لقطة.

كيف تحدد العنصر

تحديد العنصر يكون بمحدد CSS كما في تطوير الويب: معرّف فريد، اسم صنف، أو مسار داخل بنية الصفحة. من يعرف أساسيات فحص عناصر المتصفح — النقر بزر الفأرة الأيمن ثم فحص العنصر — يجد المحدد المناسب خلال ثوانٍ من أدوات المطوّر المدمجة في أي متصفح. يمكن أيضًا استخدام نفس المحدد لاحقًا على نسخة معدّلة من الصفحة طالما لم يتغيّر اسم الصنف أو المعرّف.

دقة النتيجة

تلتقط الأداة العنصر بأبعاده الفعلية المعروضة فقط، دون هوامش زائدة أو أجزاء من العناصر المجاورة، وتتعامل مع العناصر المتحركة أو التي تظهر بعد تحميل جافاسكريبت بانتظار جاهزيتها قبل الالتقاط. النتيجة صورة نظيفة جاهزة للاستخدام مباشرة في وثيقة أو عرض تقديمي دون قص يدوي إضافي. حتى العناصر الصغيرة كأيقونة أو زر مفرد تُلتقط بوضوح كافٍ دون تمديد أو تشويه في أبعادها.

السعر

نحو $0.041 لكل عنصر ملتقط، بغض النظر عن حجمه داخل الصفحة، وتعمل الأداة من هذه الصفحة أو عبر الـAPI لمن يراقب عنصرًا محددًا — كسعر منتج — بانتظام آليًا. هذا السعر الثابت يسهّل حساب تكلفة مراقبة عنصر واحد على مدى أسابيع دون مفاجآت في الفاتورة، ويناسب ميزانية صغيرة مخصصة لمتابعة تفصيل واحد بدقة دون الحاجة لخطة مراقبة أوسع وأغلى.

حالات الاستخدام

مطور يوثق مكوّن واجهة واحد

يلتقط مطور مستقل صورة زر الدفع فقط بعد تعديل تصميمه، ليرسلها للعميل للموافقة قبل نشر التحديث على كامل الموقع.

متابعة سعر منتج واحد لدى منافس

تلتقط شركة الواحة للتجارة المحدودة قسم السعر فقط من صفحة منتج منافس أسبوعيًا، دون بقية الصفحة غير ذات الصلة بالمقارنة.

توثيق شعار أو شارة ثقة في صفحة شراكة

يوثق فريق تسويق شعار الشراكة المعروض في صفحة شريك تجاري، لاستخدامه كدليل بصري في تقرير داخلي دون بقية محتوى الصفحة.

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

كيف أعرف محدد CSS للعنصر الذي أريده؟

افتح أدوات المطوّر في متصفحك، انقر بزر الفأرة الأيمن على العنصر واختر فحص العنصر، وستجد المعرّف أو اسم الصنف المناسب.

ماذا يحدث لو لم يوجد العنصر في الصفحة؟

تعيد الأداة رسالة خطأ واضحة تفيد أن المحدد لم يُطابق أي عنصر، دون خصم أي رسوم على طلب فاشل.

هل يمكن التقاط أكثر من عنصر في طلب واحد؟

كل طلب يلتقط عنصرًا واحدًا؛ لعدة عناصر من نفس الصفحة يُرسل طلب منفصل لكل محدد.

هل تُحفظ الصفحة بعد الالتقاط؟

لا، تُستخدم لإنتاج صورة العنصر فقط ثم تُحذف دون الاحتفاظ بأي نسخة من محتواها.

كم تكلفة مراقبة عنصر واحد يوميًا لمدة شهر؟

نحو $1.23 للشهر، بواقع $0.041 لكل التقاط يومي تقريبًا.

هل أحتاج حسابًا للاستخدام؟

لا يوجد تسجيل دخول ولا حساب؛ الدفع مباشر عند كل طلب.

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/web/screenshot-element

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/web/screenshot-element \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"url":"https://ejemplo.com"}'

const res = await fetch("https://api.kit.forhosting.com/web/screenshot-element", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "url": "https://ejemplo.com"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/screenshot-element",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "url": "https://ejemplo.com"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/screenshot-element", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"url":"https://ejemplo.com"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"url":"https://ejemplo.com"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/screenshot-element", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "url": "https://ejemplo.com"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.screenshot_element",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.040

لكل عنوان URL$0.001

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الحدود

`timeout_sec`	30
`max_crawl_pages`	25

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.
`422`	`task_failed`	لم تنجح معالجة المهمة، ولن تُحتسب عليك؛ أعد المحاولة أو راسلنا مباشرة.

اطّلع على توثيق KIT الكامل ←