ثلاث طرق لالتقاط موقع كما يبدو على الهاتف: تسجيل شاشة الهاتف نفسه، أو محاكاة هاتف في Chrome DevTools، أو تصيير الصفحة بعرض الهاتف من رابطها.
Aviral Lakhanpaulآخر تحديث مدة القراءة: 2 دقيقة
حمّل الصفحة بعرض الهاتف كي يقدّم الموقع تخطيطه الحقيقي للهاتف، ثم التقط ذلك. يمكنك تسجيل شاشة هاتف حقيقي، أو محاكاة هاتف بشريط أدوات الأجهزة في Chrome DevTools وتسجيل النافذة، أو إعطاء الرابط لأداة تقرأ الصفحة بعرض الهاتف وتصدّر فيديو بنسبة 9:16 أو 4:5 مباشرةً. ولا تصغّر تسجيلًا لسطح المكتب أبدًا: فالنتيجة صفحة سطح مكتب صغيرة، لا موقع الهاتف.
الموقع المتجاوب يختار تخطيطه بناءً على عرض النافذة التي يُعرض فيها. فبعرض سطح المكتب تحصل على تخطيط سطح المكتب، أيًّا كان الشكل الذي تقص إليه الفيديو لاحقًا. ولتحصل على زر القائمة والأعمدة المتراصة وأهداف اللمس الأكبر في موقع الهاتف، يجب أن تُحمَّل الصفحة نفسها بعرض الهاتف. وكل ما يلي طرق مختلفة لفعل ذلك.
| الطريقة | مناسبة لـ | انتبه إلى |
|---|---|---|
| تسجيل شاشة الهاتف نفسه | تفاعل لمس حقيقي، وجهاز حقيقي | شريط الحالة والإشعارات في اللقطة، وتمرير بنقرات الإصبع |
| شريط أدوات الأجهزة في Chrome DevTools | صفحات على localhost أو خلف تسجيل دخول | تسجيل نافذة صغيرة، والتمرير باليد أو بسكربت |
| تصيير الرابط بعرض الهاتف | صفحات عامة، وتمرير نظيف منتظم | لا يصل إلى الصفحات الخاصة |
في iPhone وAndroid كليهما مسجّل شاشة مدمج ضمن الإعدادات السريعة. وهو يلتقط الجهاز الحقيقي، وهذه ميزة صادقة، ويلتقط التمرير، وهنا المشكلة: الإبهام ينقر ثم ينزلق بقوة الدفع، وكل نقرة تبدو مختلفة عن الأخرى.
افتح DevTools، وفعّل شريط أدوات الأجهزة (⇧ ⌘ M على Mac، وCtrl Shift M على Windows) واختر هاتفًا من القائمة. تُعاد تحميل الصفحة بذلك العرض مع وكيل مستخدم من نوع أجهزة اللمس، فتقدّم تخطيطها للهاتف. سجّل منطقة العرض تلك وحدها بمسجّل شاشة، ودع سكربتًا يتولى التمرير؛ وفي دليل التمرير التلقائي واحد جاهز.
اضبط التكبير في شريط أدوات الأجهزة على 100% قبل التسجيل، وإلا التقط المسجّل نسخة مصغّرة وفقد النص حدّته.
الصق العنوان على الصفحة الرئيسية واختر «الهاتف»، أو «جهاز لوحي»، أعلى إعدادات الفيديو. تُحمَّل الصفحة بذلك العرض على خوادمنا، فيرد الموقع بالتخطيط الذي يقدّمه هناك فعلًا، وتصبح الأشكال المناسبة للهاتف متاحة: 9:16 و4:5 و1:1.
فيديو الهاتف، مُصيَّرًا كان أو مسجَّلًا، هو الشاشة وحدها. ولعرضه داخل iPhone أو Pixel، ضع الفيديو على جهاز في تطبيق مجسّمات أو في قالب داخل برنامج مونتاج. وصدّر بنسبة 9:16 كي يملأ شاشة الجهاز بلا أشرطة.
الصق رابطًا وعاين التمرير مجانًا. 51 رصيدًا مجانيًا عند التسجيل، بلا بطاقة ائتمان، وبلا علامة مائية على أي شيء تصدّره.
استخدم شريط أدوات الأجهزة في Chrome DevTools لتحميل الصفحة بعرض الهاتف، ثم سجّل منطقة العرض تلك. أو الصق الرابط في أداة تقرأ الصفحة بعرض الهاتف وتصدّر الفيديو مباشرةً.
لأن الصفحة حُمّلت بعرض سطح المكتب ثم قُصّت أو صُغّرت. فالتخطيط يتحدد بعرض النافذة، ولذلك يجب أن تُحمَّل الصفحة بعرض الهاتف كي يظهر موقع الهاتف.
9:16 لملء شاشة الهاتف، كما في Reels وTikTok والقصص. و4:5 لمنشور في الخلاصة. و1:1 إن كان قد يُعرض في أيٍّ منهما.
أتمتِم تسجيلات المواقع بحركة قابلة للتخصيص وتحكم ذكي وخيارات تصدير مصمَّمة للمبدعين اليوم.
