5

لمطوري الويب - كيف أجرب موقعي في عدة هواتف و متصفحات...؟

مع كل الجهد الذي تقوم به w3c الا انه توافق متصفحات (هواتف و الاجهزة) ما زال هاجس كل مطور للويب

و خصوصا العجوز IE.

فما هي طرق الغير المكلفة لتجربة كيف يظهر الموقع في مختلف تصفحات و اصداراتها و كذلك على الهواتف ؟

هنالك طريقة في غروم (devTools) الا انني اراها لا تفي بالغرض لانه هنالك متصفح واحد فقط...


1
AhmedSalahAssar أضف ردا

يمكتك تحميل Chrome , FireFox والتجربة عليهم لإنهم الأكثر شيوعاً

بالنسبة إلى إصدارات Internet Explorer فحلها سهل ...

وبالنسبة للــ Responsive يمكنك تصغير حجم النافذة الخاصة بالمتصفح بكل سهولة

من متصفح IE وليس Edge

اذهب إلى الموقع المراد التجربة عليه

واضغط F12 لتفتح Developers Tools

واختار من الأيقونة إصدار IE المراد بكل سهولة .. بدون تحميل أو تغير المتصفح أو الويندوز

مثل :-

وهذه المحاكاة 100% فالبنسة إذا جربت أقل من 8 لن تعمل معك خواص CSS3 في الموقع ..

إذا لم تجد هذه الأيقونة اختر من التبويب Emulation

واختر الإصدار من Document Mode

0
forra أضف ردا

رائع شكرا لك

يبدو انه بقي فقط مشكل هواتف

صدقني لقد تصفحت احد مواقعي من عدة هواتف مختلفة و ليس ما تراه في تصغير المتصفح هو ما تحصل عليه في الهاتف...

2
AhmedSalahAssar أضف ردا

أنا جربت الكثير من المواقع علي الهواتف ولم اجد اختلاف ..

سوي فقط علي حسب حجم الشاشة ..