ما هو أفضل أداة أو التقنيات من أجل الحصول على نفس العرض على IE6/7 و فايرفوكس ؟ [مغلقة]

StackOverflow https://stackoverflow.com/questions/26113

سؤال

أنا لا أتحدث عن الأدوات التي تتيح واحد عرض الصفحة في مجموعات من أنظمة التشغيل و المتصفحات مثل crossbrowsertesting.com ولكن في خلق أو معرفة الفعلية CSS.

هل كانت مفيدة؟

المحلول

إذا يا رفاق لا تزال الترميز IE6, أنت ترتكب خطأ.

يمكنني استخدام IE7.js للحصول على IE6 عرض الصفحات مثل IE7.IE7 ليست مثالية, ولكن على الأقل كان لديه بعض مظاهر المعايير.منذ لدي فقط إلى رمز IE7 و FF يجعلني 33 ٪ أكثر كفاءة من حيث اختبار ضد المتصفحات شيء أعتقد يجعل من الناحية التجارية الجيدة.

الرابط: IE7.js

نصائح أخرى

استخدام css إعادة تعيين إلى مستوى الميدان عبر المتصفحات.يوي و إريك ماير جيدة منها.

أكتب إلى المعايير و كل من فايرفوكس و IE7 اتباع مجموعة جيدة من القواسم المشتركة.

IE6 ميت بقدر ما أشعر بالقلق لكن إذا عدت إلى المهنية ويب ديف أنا ربما سوف تضطر إلى مراجعة هذا ;)

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

اعتدت أن يكون لديك المزيد من المشاكل مع جافا سكريبت الخلافات ، ولكن بعد أن بدأت باستخدام مكتبات جافا سكريبت (مثل مسج) توقفت عن وجود أي مشاكل خطيرة مع ذلك.

الحشو.

IE6 يمكن الحصول على القليل غريب عند استخدام الهامش إلى مكان العناصر أفقيا على الصفحة.إن حجم العناصر الخاصة بك والفضاء المحتوى في استخدام الحشو, يمكنك جعل العديد من تخطيطات عمل عظيم في IE6/7, FF, سفاري, و اوبرا دون أي الخارقة.IE5.5 يجعل الأمور لزوجة قليلا بسبب كسر نموذج مربع ، ولكن أعتقد أننا يمكن أن نعول كثيرا جدا في معظم الظروف الآن.

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

نفس الشيء هنا, إلا أنني لا أميل إلى الحاجة إلى استخدام الحرائق وكذا.كان لدي مشاكل مع IE6 في الآونة الأخيرة ومع ذلك - التي يتم حلها عن طريق CSS بسيطة يتجاوز:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

أنا مع ايلي.الكتابة ضد فايرفوكس (مع الحرائق تثبيت) يجعل لديك لكتابة "أكثر توافقا" رمز لتبدأ ثم أقل من وظيفة في وقت لاحق إلى أسفل الخط عندما تأتي لجعله متوافق مع IE.

استخدام الموقع QuirksMode لمساعدتك في العثور على إجابات compatbility المعلومات

إذا كان المشروع الجديد جعله نقطة لاختبار جميع html+css التغييرات على جميع المتصفحات أنا استهداف وأنا إجراء التغييرات.في الماضي كنت تميل إلى التركيز على المفضلة المتصفح ثم اختبار مع الآخرين بعد أن تم العثور على واحد أو أكثر من المراوغات الصغيرة كانت موجودة و كانت مملة جدا إلى نقطة دبوس السبب الفعلي.الآن لدي جميع المتصفحات المفتوحة و تذهب فقط من خلال منعش كل واحد بعد كل html/css تغيير للتأكد من عرض يفي توقعاتي.عندما يكون هناك شيء يذهب على نحو خاطئ, أنا أعرف بالضبط ما سبب ذلك.

قد يبدو مضيعة للوقت اختبار على جميع المتصفحات في آن واحد ، ولكن في المدى الطويل فإنه في الواقع يوفر الوقت كما يمكنك التقاط المشاكل دفعة واحدة.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top