5

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

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

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

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

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

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

1
walid123 أضف ردا

توجد ايضا طريقة في موزيلا :

اذهب الى developer

ثم responsive design view

سا تخرج لك كل المقاسات المتوفرة و انت تختار و نجرب

0
forra أضف ردا

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

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

1
Koboki أضف ردا

netrenderer.com/index.php

جرب هذا الموقع لرؤية كيفية ظهور الموقع في متصفحات IE. قد لا يعجبك ولكنه قد يفي بالغرض.

0
forra أضف ردا

موقع رائع اخي، شكرا لك

لكن للاسف لا يظهر الشكل نفسه في متصفح و صورة الموقع يبدو انه الموقع لا يحمل خطوط....

للاسف يبدو انه علي ان انصب انظمة افتراضية وتنصيب متصفحات مختلفة

مع انه مشكل موبايل لم يحل بعد...

0
يوسف سيد أضف ردا

الأمر متوّفر في أداة المطوّرين في IE لم أستخدمه منذ فترة للتجربة لجميع الإصدارات بعد IE6 على ما أتذكر.

0
forra أضف ردا

لقد بحثت ووجدت حتى انظمة وهمية من مايكروسوفت لهذا الغرض !D

و هذا اكثر توضيحا

1
selma25 أضف ردا

نصب عدة نسخ XP في virtual machine كـVMware Player مثلا و نصب جميع الاصدارات، الـXP به نسخة 6 مدمجة يعني نصب فقط 7 و 8، للاسف الـ9 غير متوافق مع الـXP فعليك تنصيب نسخة 7، سيأخذ تنصيب النسخ الافتراضية من حجم الذاكرة (على الاقل 10 جيغا) و لكنه الحل غير المكلف بنظري.

تعديل:

للاسف لم ارى ردك في التعليقات السابقة، اجابة مزدوجة ههههه

0
forra أضف ردا

ليس لدي سرفر للاسف :D

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

0
selma25 أضف ردا

انا ايضا جهازي مشقوف (شكرا على الكلمة الجديدة ههههه) و لكن لن يتطلب تنصيبها الكثير نصب VMware Player و نصب فقط IE7 و IE8 بما ان 6 اكل عليه الدهر و شرب، و قم بتشغيل نظام افتراضي واحد خلال التجريب، نصب فقط XP و استعمل الموقع الذي وضعه الاخ thisisyusuf لتجربة IE9 بما انه المتصفح المتوفر مجانا ما يعفيك من تنصيب الـسفن.

بالتوفيق :)

1
AhmedSalahAssar أضف ردا

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

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

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

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

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

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

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

مثل :-

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

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

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

0
forra أضف ردا

رائع شكرا لك

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

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

2
AhmedSalahAssar أضف ردا

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

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

1
thisisyusuf أضف ردا

أفضل موقع

بكل بساطة اختر نظام التشغيل والمتصفح والاصدارة

1
heba kamel أضف ردا

هذا الموقع لترى موقعك على شاشات باحجام مختلفة و كذلك الهاتف

1
سبايدر جيك أضف ردا

لتجربة التجاوب بالنسبة #للشاشات الهواتف الذكية

1
abdzohbi أضف ردا

السلام عليكم

اخي جرب هذه الاضافة للكروم

Mobile/RWD Tester

0
mohamed youssouf أضف ردا

بخصوص هواتف في كروم و فايرفوكس أضغط Shift+m

وبخصوص إصدارات ie القديمة هناك إضافة لكروم لا أذكر إسمها تعمل محاكة له وهي جيدة برأي

1
forra أضف ردا

اخي لقد ضغط على sift+m و لا شئ حدث :p

يبدو انه الحل الوحيد هو vms

1
mohamed youssouf أضف ردا

أسف أعني Ctrl+Shift+m

بخصوص الإضافة كروم ها هي:

0
forra أضف ردا

رائع اخي بخصوص

الاضافة انني ابرمج سكربت ب js هدفه جلب معلومات زائر غالبا لتفيد المطورين في تحسين موقع المركب عليه السكربت

و اعتمد على user agent في جلب متصفح اصداره نظام و اصداره... هل كل سكربتات مشابهة تعتمد على نفس المبدأ ام انه هنالك طرق افضل خصوصا انه الشخص يمكن ان يكون غير user agent مثل الاضافة التي أرسلت لي :)

0
ahmadmarafa أضف ردا
0
forra أضف ردا

للاسف صديقي لم افهم ما هدف الموقع

اعتقد انه لم تفهم جيدا المغزى من الموضوع هو تجربة مواقع انا قمت بتكويدها على انظمة ومتصفحات و هواتف مختلفة كأنك تتصفح الموقع على المتصفح او الجهاز دون اي تكاليف...