فاحص ملاءمة الهاتف
Free, no signup. Run this tool's seven weighted mobile-layout checks and get a 0–100 diagnostic score, plus a phone-viewport preview as separate supporting evidence.
Free, no sign-up. The analysis reads your HTML the way a mobile browser would; the screenshot renders in headless Chrome on a 390×844 iPhone-sized viewport.
تُجرى الفحوصات من خادمنا؛ نجلب عنوان URL الذي تدخله ولا نحتفظ بالنتائج. Results are kept in a short-lived cache, not stored long-term. Anonymous aggregate stats feed our research posts; domains are counted once via an anonymized hash and never stored in the clear. قد تُستخدم عدادات النتائج المجهولة على مستوى التشغيل لأغراض البحث التجميعي؛ ولا تتضمن أبدًا عناوين URL أو النطاقات أو عناوين IP أو المعرّفات، ولا تُنشر أي إحصائية لأقل من 100 عملية تشغيل.
+ يحفظ الموقع أو الصفحة الحالية. استخدم ☆ بجانب أي موقع أو صفحة أو قائمة محفوظة لإضافتها إلى المفضلة. يظهر سجل الفحوصات الأخيرة أدناه.
إنشاء قائمة مسماة
تمت تعبئة الهدف من اختياراتك المحلية.
جواز الموقع السياق المحلي لهذا الموقع المحفوظ
البيانات المحلية
تبقى الأهداف المحفوظة والقوائم المسماة وملخصات الفحوصات الأخيرة في هذا المتصفح فقط.
390×844 viewport · iPhone user agent
This is a static-analysis check plus a real render — fast and directional. It can’t see CSS applied by JavaScript frameworks at runtime, so pair a borderline score with the screenshot: if the page looks right on the phone frame, trust your eyes.
Compare a later score
Download this free analysis as a private JSON baseline, then import it after another run to see score and failing-check changes. Snapshots stay in your browser unless you choose to save a file.
تقييم هذه الأداة
What the score is made of
| Check | Threshold / points | What this free pass can confirm |
|---|---|---|
| Viewport | 30 points | width=device-width and zoom accessibility |
| Responsive CSS | 20 points | @media rules in inspected CSS |
| Fixed widths | 15 points · >400px warning | Markup-level width attributes and inline styles |
| Font sizes | 10 points · <12px warning | CSS declarations and legacy font tags |
| Tap targets / horizontal overflow | Needs a rendered layout pass | Not claimed by this free HTML score |
Viewport is 30 points
Without width=device-width, phones render your page at ~980px and shrink it to fit — every other mobile problem starts here. Disabling zoom costs points too: it’s an accessibility failure.
Layout checks
Responsive CSS (@media rules, including in external stylesheets), hard-coded widths over 400px, and sub-12px font sizes — the three classic ways a desktop layout breaks on a phone.
Delivery checks
Responsive images (srcset/<picture>), HTML page weight on mobile networks, and leftover <object>/<embed> plugin content that mobile browsers won’t run.
حول هذه الأداة
شغّل واحد seven-part mobile-layout تشخيصي مع واحد 0–100 منتج درجة و واحد phone-viewport معاينة.
مجاني, من دون تسجيل. شغّل هذا الأداة سبعة weighted mobile-layout تحقّقات و احصل واحد 0–100 تشخيصي درجة, بالإضافة واحد phone-viewport معاينة باعتباره منفصل داعم دليل.
الميزات
- منطقة العرض meta وسم — 30 pts. عرض=عرض الجهاز موجود و تكبير allowed. ال الأثقل تحقّق لأن كل آخر الهاتف المحمول سلوك يعتمد على إنه.
- متجاوب CSS — 20 pts. في الأقل واحد @وسائط قاعدة, تم التحقق منه في مضمّن style يحظر و في ال مرتبط أوراق أنماط.
- محتوى محدّد الحجم إلى منطقة العرض — 15 pts. لا مضمّن ثابتًا عروض فوق 400px (مضمّن style أو عرض سمة) ذلك سيكون إجبار أفقي تمرير.
- مقروء font أحجام — 10 pts. لا مضمّن font أحجام تحت 12px و لا قديم font حجم وسوم.
- متجاوب صور — 10 pts. صور استخدم srcset/أحجام لذلك هواتف لا تنزيل بحجم سطح المكتب ملفات.
- HTML صفحة وزن — 10 pts. ال HTML المستند بايت حجم — أصغر يحمّل أسرع على الهاتف المحمول شبكات.
- لا incompatible إضافات — 5 pts. لا object/embed إضافة محتوى ذلك الهاتف المحمول متصفحات لن شغّل.
كيفية العمل
ال درجة يأتي من واحد خادم نقطة نهاية ذلك تدفقات الخاص بك صفحة من خلال واحد مفرد HTMLRewriter اجتياز — قراءة ال meta اسم="منطقة العرض" وسم, مضمّن أنماط, عرض attributes, صور, object/embed عناصر, و ال HTML بايت عدد باعتباره ال بايتات تدفّق بواسطة. إنه أيضًا يجلب up إلى أربعة مرتبط أوراق أنماط إلى ينظر من أجل @وسائط قواعد, ثم أوزان كل شيء إلى واحد 0–100 إجمالي. هذا مسار هو سريع, فعليًا مجاني, و دائمًا تشغيل. ال هاتف لقطة شاشة هو واحد منفصل, مقاس خطوة. فقط واحد عنوان URL ذلك بالفعل ناجح ال تحليل يمكن طلب إنه, و ال تصيير يرسم من واحد مشترك وقت المتصفح ميزانية مع يومي و شهري حدود قصوى. عندما ذلك ميزانية هو منفَق, ال مُصيّر هو مشغول, أو ال صفحة يحظر headless متصفحات, ال معاينة يعرض واحد هادئ ملاحظة و الخاص بك درجة هو دون لمس — ال اثنان أبدًا يعتمد على كل آخر.
القيود
- ال درجة هو ثابت تحليل, لذلك إنه يفعل ليس شغّل JavaScript — CSS مطبق في runtime بواسطة واحد إطار عمل ليس معدود, أي هو بالضبط لماذا ال هاتف لقطة شاشة هو هناك إلى تحقق متقاطع. متجاوب CSS هو مستنتج من ال وجود من @وسائط قواعد (في ال HTML و up إلى أربعة أوراق أنماط), ليس من فعليًا laying ال صفحة خارج, لذلك واحد صفحة مع غير معتاد متجاوب techniques يمكن اقرأ أقل من إنه deserves. إنه اختبارات واحد عنوان URL واحد عام زاحف يمكن reach — login-gated أو محظور صفحات, و جدًا كبير صفحات سابق ال بايت سقف, هي analysed فقط up إلى ذلك سقف. إنه أيضًا ليس واحد مؤشرات أداء الويب الأساسية أو tap-target-spacing اختبار; من أجل حقل أداء استخدم ال مؤشرات أداء الويب الأساسية فاحص.
الأسئلة الشائعة
أوقفت Google اختبار التوافق مع الجوال؛ فهل هذه الأداة بديل له؟
أزالت Google اختبار التوافق مع الجوال المستقل وتقرير قابلية الاستخدام على الجوال في Search Console أواخر عام 2023. تطبق هذه الأداة نموذج تشخيص خاصًا بها من سبعة أجزاء. وهذه الفحوص إرشادات استدلالية للمنتج لاكتشاف مشكلات محتملة في تخطيط الجوال، وليست معايير أهلية من Google ولا بديلًا عن الاختبار على أجهزة حقيقية.
هل ينفذ الاختبار JavaScript؟
تأتي الدرجة من 0 إلى 100 من تحليل ثابت لملف HTML وما يصل إلى أربعة ملفات أنماط، لذلك لا ينفذ JavaScript. لقطة شاشة الهاتف هي معاينة عبر كروم دون واجهة رسومية، وتوفر دليلًا داعمًا مفيدًا، لكنها تظل إطار عرض وبيئة عرض واحدة. تعامل مع الاختلافات كدعوة لفحص الصفحة واختبار أجهزة حقيقية ممثلة.
لماذا خسرت 30 نقطة بسبب وسم إطار العرض؟
يساوي فحص إطار العرض مقدار 30 نقطة من أصل 100 لأنه الإعداد الوحيد الذي تعتمد عليه كل سلوكيات الجوال الأخرى. من دون وسم <meta name="إطار العرض">، تعرض الهواتف صفحتك بعرض يقارب 980px ثم تصغرها لتلائم الشاشة، فيصبح النص صغيرًا وتخطئ النقرات أهدافها. الإصلاح هو سطر واحد داخل <head>: <meta name="إطار العرض" content="width=device-width, initial-scale=1">. ويؤدي تعطيل التكبير (user-scalable=no أو maximum-scale=1) إلى الاحتفاظ بمعظم الدرجة، لكنه يخفض الحالة إلى تحذير لأنه إخفاق في إمكانية الوصول.
ما الذي يُعد عنصرًا ثابت العرض؟
يعلّم فحص «حجم المحتوى ملائم لإطار العرض» أي عنصر بعرض ثابت أكبر من 400px، سواء عبر style:width مضمّن أو سمة width="…". هذه العروض هي الأكثر احتمالًا لتجاوز شاشة الهاتف وفرض تمرير أفقي. يُعد عنصر أو عنصران تحذيرًا، وثلاثة فأكثر إخفاقًا. استخدم max-width مع نسبة مئوية أو وحدات نسبية بدلًا من ذلك كي تصغر الكتل على الشاشات الصغيرة.
تقول لقطة الشاشة إنها «غير متاحة» لكنني حصلت على درجة؛ هل هذا خلل؟
لا. تأتي الدرجة والفحوص السبعة من تحليل HTML المجاني الذي يعمل أولًا. ولقطة شاشة الهاتف عملية عرض منفصلة ومحدودة يمكن تجاوزها عند بلوغ سقف تكلفة يومي أو شهري مفروض ذاتيًا، أو عند انشغال العارض مؤقتًا، أو عندما تحظر الصفحة المتصفحات دون واجهة رسومية. في كل هذه الحالات تكون الملاحظة هادئة عمدًا ولا تتأثر درجتك؛ فالتحليل لا يعتمد أبدًا على لقطة الشاشة.
المشكلات الشائعة وكيفية إصلاحها
- خطأ مصطلح meta tag هو مفقود أو غير صالح الإصلاح: أضف واحد صالح width=device-width مصطلح meta tag إلى ال أولي HTML head.
- تحذير Responsive CSS إشارات هي مفقود الإصلاح: أضف responsive CSS breakpoints ذلك adapt layout و typography إلى narrow viewports.
- خطأ مصطلح-مصطلح محتوى يتجاوز ال مصطلح الإصلاح: مصطلح مصطلح-مصطلح مصطلح مصطلح مع مصطلح max-width, مصطلح, grid, أو flex مصطلح.
- تحذير مصطلح هو أيضًا صغير من أجل مصطلح قراءة الإصلاح: مصطلح مصطلح نص مصطلح إلى واحد مصطلح مصطلح مصطلح و مصطلح مصطلح مصطلح مصطلح 12 CSS مصطلح.
- تحذير مصطلح هي ليس مصطلح مصطلح الإصلاح: مصطلح مصطلح مع max-width:100% و height:auto, و وفّر مصطلح مصادر حيث مفيد.
- تحذير HTML صفحة مصطلح هو مرتفع الإصلاح: أزل مصطلح مصطلح مصطلح, مصطلح أصول, و مصطلح مصطلح موارد إلى مصطلح مصطلح مصطلح مصطلح.
- خطأ مصطلح مصطلح محتوى هو مصطلح الإصلاح: مصطلح Flash, Java مصطلح, أو آخر مصطلح مصطلح محتوى مع مصطلح HTML, CSS, و JavaScript.