فحص عمل موقع بجميع المتصفحات

كمصمم ويب محترف، يجب عليك أن تتأكد من أن موقع يعمل بشكل صحيح في جميع المتصفحات، أو على الأقل في أشهرها وأكثرها انتشاراً.

لحسن الحظ، توجد حلول كثيرة تساعدك على إنهاء هذه الخطوة بأسرع طريقة ممكنة.

  1. استخدام موقع browsershots.org وهي خدمة تعطيك صورة من موقعك بإستخدام عدة متصفحات.  ليس الخيار المثالي، لكنه لا يحتاج إلى تنصيب أي برامج.  شخصياً لا أفضّله.
  2. إستخدام البرنامج الخاص بكل متصفح، وهذا يعني أن تقوم بتنصيب:
    • فايرفوكس
    • قوقل كروم أو سفاري
    • أوبرا
    • إنترنت إكسبلورر 6
    • إنترنت إكسبلورر 7
    • إنترنت إكسبلورر 8

إستخدام الخيار الثاني هو الأفضل بالنسبة لي، وبما أن فايرفوكس، كروم وسفاري، وأوبرا، متصفحات مستقلة فلن أعاني من مسألة تنصيبها مع بعضها البعض. وبما أنها تدعم المعايير القياسية بشكل أفضل من إنترنت إكسبلورر، فهذا يعني بأن الترقيعات لهذه المتصفحات لن تكون كثيرة، أو مؤذية.

أما بالنسبة لإصدارات إنترنت إكسبلورر، 6 و 7 و 8، فلا حظ لك بإستخدامهم “رسمياً” مع بعضهم البعض في أي نظام تشغيل… ولا حتى الوندوز.  والسبب أن سياسة مايكروسوفت ترى بأن “إستبدال” المتصفح عند ترقيته، أفضل من إضافة نسخة مستقلة.  وغرورها العجيب لا يرضيها بأن تستغني عن بناء نظامها البدائي على أكتاف هذا المتصفح الفقير.

لا تيأس، فقد قلت لا يوجد حل “رسمي”.. لكن دائماً هناك حلول مبتكرة :D

لحسن حظ (أو لسوء حظهم.. لا أعلم) مستخدمي الوندوز، هناك مطوّر “بطل” قام بإنشاء أداة مجانية رائعة تمكنك من تشغيل جميع إصدارات إنترنت إكسبلورر في برنامج واحد، من 5.5 إلى 8.

الأداة اسمها IETester، وبإمكانك تحميلها من هنا:

http://www.my-debugbar.com/wiki/IETester/HomePage

ولحسن حظ الجميع، فقد قمت بتعريب هذه الأداة، فاللغة العربية مضمنة أثناء التنصيب.

وبالنسبة للمصممين الذين يستخدمون لينكس أو ماك، لديكم عدة خيارات:

  1. تجاهل متصفحي إنترنت إكسبلورر إلى أن يقومون بإستخدام متصفح محترم.
  2. قم بتركيب VM داخلها وندوز إكس بي.. تفي بالغرض.
  3. مصممي لينكس، بإمكانكم إستخدام ies4linux من (هنا).  شكراً ماجد السهلي :]

بودي الخيار الأول، لكني احترافياً قمت بإختيار الخيار الثاني :D

أتمنى لكم ترقيعاً سعيداً.

12 من التعليقات لـ “فحص عمل موقع بجميع المتصفحات”

  1. ماجد السهلي Linux Google Chrome 5.0.342.1 قال:

    بالنسبة لمستخدمي لينكس.. يمكن استخدام ies4linux

    http://www.tatanka.com.br/ies4linux/page/Main_Page

  2. أحمد الحداد SAUDI ARABIA Windows 7 Mozilla Firefox 3.5.8 قال:

    شكراً ماجد،
    قمت بإضافة الرابط إلى نص الموضوع :D

  3. ماشاء الله تبارك الرحمن استفدت من معلوماتك اخوي أحمد و أكيد بلا شك للمفضلة :) .

  4. أحمد الحداد SAUDI ARABIA Windows 7 Mozilla Firefox 3.6.2 قال:

    ألف شكر أخوي أبو ميلاف،
    وحياك الله في مدونتي.

  5. كيوت SAUDI ARABIA Windows Vista Internet Explorer 8.0 قال:

    الف شكر لكـ .. و انا لاحظت مشكلة في تصميمي إن التقطيع ما جاء كويس

    في فايرفوكس .. لكن كيف نضبط التصميم على جميع المتصفحات ..

    و شكراً لكم

  6. عمرو SAUDI ARABIA Windows XP Mozilla Firefox 3.6.3 قال:

    مشكور أخوي أحمد .. لكن مشكلة تحميل جميع المتصفحات رغم أنه أفضل خيار، أوعدك أجربه : )

  7. عطور SAUDI ARABIA Windows XP Internet Explorer 8.0 قال:

    هذه المشكلة اجدها في جهازي, حتى انني بدأت أشك من تعطل بعض المواقع التي ازورها ولم اعلم ان المشكلة في المتصفح لدي . انا الان استخدم •إنترنت إكسبلورر 8 , نوعاً ما تحسنت الامور الان .
    اشكر الاخ احمد الحداد على هذا المدونة الجميلة , وعلى جهودة المميزة هنا .

  8. أحمد الحداد SAUDI ARABIA Mac OS X Mozilla Firefox 3.6.3 قال:

    التقطيع الآلي من الفوتوشوب مباشرة لا يناسب جميع المتصفحات.
    أفضل طريقة، هي التقطيع اليدوي للتصميم، وكتابة شغرة الـ HTML يدوياً، وتنسيق التصميم بالـ CSS يدوياً أيضاً.

  9. أحمد الحداد SAUDI ARABIA Mac OS X Mozilla Firefox 3.6.3 قال:

    العفو أخ عمرو، والمشكلة حقيقة هم الأشخاص الذين يستخدمون متصفحات قديمة.

  10. مزاجي SAUDI ARABIA Windows XP Internet Explorer 6.0 قال:

    السلام عليكم ورحمة الله وبركاته
    تحية طيبة وبعد ..

    ذيك الايام .. كان بس نصمم اي شي وخلاص
    وماكان يجي على بالنا الفاير فوكس او المتصفحات الثانيه .. لان بالاول ماكانت فيه
    بعد مانزل الفايرفوكس .. صرنا نشوف الفرق .. وصارو بعض مواقع التصميم تبينلك هالشغله .. على انها ميزه تميز التصميم بحيث انه يتوافق مع جميع المتصفحات
    واللحين .. قامو على الـ CSS
    وكل واحد يعمل تصميم خفيف .. وسريع لان من ضمن اقييمات قوقل للموقع هي السرعة
    واللحين مواقع التصميم .. تعطيك سعر للتصميم العادي .. والتصميم المتطور CSS سعر ثاني

    والله يحفظكم ويرعاكم ,,,

  11. عيون SAUDI ARABIA Windows XP Internet Explorer 8.0 قال:

    شكرا اخي احمد على الموضوع الجميل

    مودتي

  12. أحمد الحداد SAUDI ARABIA Windows 7 Mozilla Firefox 3.6.8 قال:

    وعليكم السلام ورحمة الله وبركاته

    أخ مزاجي،
    تطوّر وتغيّر التقنية أمر طبيعي جداً. ويجب أن نعمل على أن يكون تطوّر قدراتنا مواكب لهذا التغيّر.

    تحياتي

إكتب تعليقك