مطورو الواجهات الأمامية
تحقق من نقاط التوقف على DOM الحي بعرض الأجهزة الحقيقي، بلا تبديل لأدوات المطور وبلا عناء في تحجيم النوافذ.
جديدلوحات العمل - عشرة أجهزة دفعة واحدة
موقعك، بلا عيوبعلى كل iPhone.
يضع Viewport إطارات أجهزة مطابقة للمواصفات فوق الموقع الذي تتصفحه بالفعل. قارن نقاط التوقف جنبًا إلى جنب، والتقط أخطاء التخطيط قبل فريق الجودة، وصدّر لقطات مؤطرة أو تسجيلات بدقة 4K، كل ذلك على جهازك أنت.
أي موقع · 38 جهازًا · إعدادات متزامنة بين التبويبات · بلا حساب، بلا تتبع، بلا رفع
متجر Chrome الإلكتروني★ 5.0·أكثر من 5,000 مستخدم
مميّزةموصى بها من Chrome
yourstore.com
لمن هذه الأداة
إضافة واحدة، ثلاث طرق للعمل
لمن يبنون الواجهات المتجاوبة، ولمن يصممونها، ولمن عليهم أن يثبتوا أنها تعمل فعلًا.
مصممو المنتجات
افحص المسافات وسلم الخطوط والمناطق الآمنة داخل إطارات دقيقة، ثم صدّر لقطات مؤطرة مباشرة إلى وثيقة المواصفات أو العرض التقديمي.
الوكالات والمستقلون
أثبت جودة التجاوب مباشرة أثناء المكالمة. مشاركة شاشة واحدة تُظهر سطح المكتب والهاتف يعملان معًا، دون تقسيم النوافذ.
القدرات
أربعة أمور يتقنها إلى حد مذهل
لا حشو للمزايا. هذه هي القدرات الأربع التي بُنيت حولها الإضافة بأكملها.
عرض حي
جرّب الإضافة من هنا مباشرة
هذا هو سير العمل الحقيقي: اختر جهازًا من الشريط، أدره، التقط لقطة، ثم ابدأ التسجيل. الصفحة خلفه هي موقعك أنت.
yourpage.com
402 x 874/34%
من البناء إلى الاعتماد
أثبت أنه يعمل قبل أن يسألك أحد
إظهار جودة التجاوب أسهل بكثير من وصفها. يحوّل Viewport فحصًا داخليًا إلى شيء تسلّمه للعميل مباشرة.
البداية
جاهز خلال ثلاث نقرات
بلا ملف إعدادات، بلا حساب، بلا تهيئة مشروع.
01
افتح أي صفحة
انقر أيقونة الشريط. يظهر جهاز فوق الموقع الحي، محمّلًا بالفعل وقابلًا للتفاعل الكامل.
02
اضبط العرض
اختر جهازًا، وأدره، وغيّر حجمه، واسحبه إلى أي مكان، أو رتّب لوحة كاملة من الهواتف والأجهزة اللوحية والشاشات.
03
قارن والتقط
مرر بتزامن عبر كل الإطارات، ثم صدّر لقطة مؤطرة أو سجّل الجولة كاملة.
قياس، لا ادعاء
أين يتقدم Viewport
قُورن بأكثر إضافات المعاينة المتجاوبة تثبيتًا في متجر Chrome الإلكتروني.
بنية تعمل محليًا أولًا
لا شيء يغادر جهازك، ونحن نكشف كيف
ليس لدى Viewport خادم خلفي لبياناتك. بلا تحليلات، بلا تتبع، بلا شيفرة تُحمّل عن بُعد. تُحفظ الإعدادات في chrome.storage.local، وتنزل اللقطات مباشرة إلى قرصك.
لعرض صفحة داخل إطار، تشترط المتصفحات أن نخفف X-Frame-Options وContent-Security-Policy في طلب المعاينة. نحصر ذلك في مصدر المعاينة وحده، فتحتفظ إطارات الأطراف الثالثة بحمايتها، ونعرض شريط تنبيه طوال فترة التفعيل. ويُزال كل ذلك لحظة إغلاق المعاينة.
معظم الأدوات تفعل هذا بصمت، وعلى مستوى التبويب كله. نحن نفضّل أن تعرف.
الأسعار
مجاني إلى الأبد. وPro حين يتطلب العمل ذلك.
الخطة المجانية أداة كاملة بلا حد زمني، وليست فترة تجريبية.
مجاني
$0إلى الأبد
- إطارات الأجهزة الـ 38 كاملة
- حتى ثلاثة أجهزة على الشاشة
- لقطات مؤطرة بلا حدود
- تسجيل WebM لمدة دقيقتين
- بديل بنافذة حقيقية على المواقع المتشددة
Pro
الأكثر اختيارًا$4.17/ شهر، تُحصّل $50 سنويًا
- كل ما في المجاني، وإضافة إلى ذلك:
- لوحات من عشرة أجهزة ومشاهد محفوظة
- MP4 بدقة 4K بلا حدود، مع القص والسرعة
- مقارنة الإصدارات وتدقيق التخطيط
- تحديد سرعة الشبكة والموقع الجغرافي واللغة
خطة مجانية بلا حسابالإلغاء متاح في أي وقتدفع آمن عبر Lemon Squeezy
الأسئلة الشائعة
إجابات، قبل أن تسأل
الأسئلة الخمسة التي يطرحها كل مطور قبل التثبيت.
لا، ولا يغني عنه أي شيء يعمل داخل متصفح. يعرض Viewport صفحتك الحقيقية بعرض العرض المرئي الفعلي لكل جهاز مع client hints مطابقة، وهو ما يكشف الغالبية العظمى من مشكلات التخطيط ونقاط التوقف. أما الفحوصات الحاسمة قبل الإصدار فتبقى من نصيب الأجهزة الحقيقية.
كف عن إطلاق نقاط توقف لم ترها قط.
أضف Viewport إلى Chrome وافحص كل جهاز على الصفحة التي تنظر إليها الآن. مجانًا، بلا حساب، وبلا رفع أي شيء.