معاينة الموقع كما يظهر على الجوال
أداة معاينة الأجهزة تفتح الرابط بمحاكاة حجم شاشة جهاز محدد — جوال أو جهاز لوحي أو حاسوب — وتلتقط شكل الصفحة كما يظهر فعليًا على ذلك الجهاز. تكشف مشاكل التصميم المتجاوب قبل أن يكتشفها العميل بنفسه على جواله، بدل الاعتماد على تخمين شكل الصفحة من حاسوب مكتبي واسع الشاشة.
شغّلها أونلاين
شغّل هذه المهمة على خوادمنا باستخدام حسابك. الأدوات المجانية تعمل داخل متصفحك، أما هذه فتُخصم من رصيدك في KIT حسب السعر الموضّح أعلاه.
لماذا لا تكفي المعاينة على حاسوبك
متصفح حاسوبك يعرض الصفحة بعرض شاشة كبير غالبًا يخفي مشاكل لا تظهر إلا على شاشة أضيق: نص يتراكب، زر يخرج عن الإطار، قائمة تنقل لا تستجيب كما ينبغي باللمس. هذه الأداة تحاكي أبعاد جهاز حقيقي فعليًا فتُظهر الصفحة كما يراها صاحب الجوال بالضبط، لا كما تتخيلها من شاشة أكبر. هذا الفارق وحده يكشف أخطاء تصميم لا يلاحظها فريق التطوير إلا بعد شكوى عميل فعلي على جهازه.
الأجهزة المتاحة للمحاكاة
جوال بحجم شاشة شائع، جهاز لوحي، وحاسوب بعرض قياسي، لتغطية أكثر الأحجام استخدامًا في السوق. تلتقط الأداة صورة واحدة للحجم المختار، ويمكن تكرار الطلب لكل حجم إن أردت مقارنة الثلاثة جنبًا إلى جنب في تقرير واحد. هذا يوفر جولة اختبار سريعة لأكثر أحجام الشاشات شيوعًا دون الحاجة لامتلاك ثلاثة أجهزة فعلية مختلفة لتجربتها بنفسك، وهو ما يوفر وقتًا وتكلفة شراء أجهزة اختبار متعددة.
استخدام عملي قبل الإطلاق
قبل نشر صفحة هبوط جديدة أو تعديل تصميم قائم، تُعاين النسخة النهائية على حجم الجوال أولًا لأن أغلب زوار المواقع في الخليج يفتحونها من جوالهم لا من حاسوب مكتبي. معاينة سريعة هنا توفر جولة اختبار كاملة على أجهزة فعلية متعددة، وتوفر وقت الرجوع لإصلاح خطأ تصميمي بعد الإطلاق بدل اكتشافه قبله، وهو فارق يوفر ساعات عمل لاحقة لفريق التطوير وسمعة أفضل أمام أول زوار الصفحة الجديدة.
السعر
نحو $0.041 لكل معاينة جهاز واحد، وتعمل الأداة من هذه الصفحة مباشرة أو عبر الـAPI لمن يحتاج فحص عشرات الصفحات على نفس حجم الجهاز دفعة واحدة. معاينة الصفحة الواحدة على الأجهزة الثلاثة معًا تكلّف نحو ثلاثة أضعاف سعر الجهاز الواحد، لأن كل جهاز طلب مستقل بذاته، ما يتيح دفع ثمن الأجهزة التي تحتاجها فقط لا الثلاثة دائمًا، وهو ما يناسب فحصًا سريعًا محدود الميزانية.
حالات الاستخدام
متجر يتأكد أن صفحة المنتج تظهر صحيحة على الجوال
قبل إطلاق تصميم جديد، تعاين شركة الواحة للتجارة المحدودة صفحة أشهر منتج على حجم الجوال للتأكد أن السعر وزر الشراء ظاهران دون تراكب.
مطور يختبر قائمة تنقل متجاوبة
يعاين عبدالله المنصوري قائمة التنقل الجانبية على حجم الجهاز اللوحي بعد تعديلها، للتأكد أنها تفتح وتُغلق كما ينبغي قبل تسليم المشروع.
وكالة تعرض على العميل شكل الموقع على جواله فعليًا
بدل وصف الشكل شفهيًا، ترسل شركة الخليج الرقمية للعميل صورة فعلية توضح كيف تبدو صفحته الجديدة على شاشة جوال قياسية.
الأسئلة الشائعة
ما الأجهزة التي يمكن محاكاتها؟
جوال، جهاز لوحي، وحاسوب بعرض قياسي، وهي الأحجام الأكثر شيوعًا لدى زوار المواقع.
هل هذه محاكاة دقيقة أم تصغير للصورة فقط؟
محاكاة فعلية لحجم إطار العرض، فتُعاد الصفحة تخطيطها كما تفعل فعليًا على ذلك الجهاز، لا مجرد تصغير صورة الحاسوب.
هل تُحفظ الصفحة التي أعاينها؟
لا، تُستخدم لإنتاج الصورة فقط ثم تُحذف دون الاحتفاظ بأي نسخة من محتواها.
كم تكلفة معاينة صفحة واحدة على الأجهزة الثلاثة؟
نحو $0.123، بواقع $0.041 لكل جهاز على حدة.
هل أحتاج حسابًا لاستخدام الأداة؟
لا يوجد تسجيل دخول ولا حساب؛ الدفع مباشر عند كل طلب عبر PayPal.
هل تعمل مع مواقع عربية باتجاه من اليمين لليسار؟
نعم، تعاين الصفحة كما تُعرض فعليًا بما في ذلك اتجاهها العربي دون أي تشويه.
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/web/screenshot-device \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"url":"https://ejemplo.com"}'const res = await fetch("https://api.kit.forhosting.com/web/screenshot-device", {
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-device",
headers={"Authorization": f"Bearer {os.environ['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-device", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"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-device", 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_device",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
timeout_sec | 30 |
max_crawl_pages | 25 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
422 | task_failed | لم تنجح معالجة المهمة، ولن تُحتسب عليك؛ أعد المحاولة أو راسلنا مباشرة. |