it-swarm.asia

ما هي أفضل الطرق لتنفيذ متصفح عبر المغلق؟

ما هي أفضل الطرق لتنفيذ متصفح عبر المغلق؟

القاعدة: نهج واحد للإجابة.

4
stacker

يمكنك استخدام التعليقات الشرطية لإصلاح مشكلات برنامج Internet Explorer. بصرف النظر عن ذلك ، يجب ألا تحتاج مطلقًا إلى استهداف Firefox/Chrome/Opera بشكل منفصل عن بعضها البعض ، فهي جميعًا تدعم المعايير.

يجب ألا يدخل التخزين المؤقت فيه ؛ يجب أن تخدم نفس الكود لجميع المتصفحات.

4
DisgruntledGoat

أفضل وأسهل طريقة هي استخدام المكتبة. تم بالفعل تصميم مكتبات مثل OOCSS أو Blueprint أو 960gs لتكرار عرضها عبر المتصفحات الرئيسية. كل ما تبقى لديك بعد ذلك ، معظم الوقت ، هو التأكد من أن أنماطك المخصصة متوافقة مع المستعرض وأن علاماتك لا تنتج أي مشاكل.

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

2
Kenneth Love

عندما أقرأ أسئلة وإجابات من هذا القبيل ، بدأت أظن أنني قد أكون مجنونة ، لكنني كتبت مواقع معقدة إلى حد ما باستخدام قدر كبير من المغلق ، بما في ذلك css3 وغيرها من الخدع ، ولم أضطر أبدًا إلى اللجوء إلى التعليقات الشرطية.

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

أن يقال ، لدي مصلحة الفكرية هذه الاختراقات والأساليب المختلفة. أنا أحب القراءة بشكل خاص حول التقنيات المستخدمة من قبل CSS3 PIE و modernizr.

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

1
Zach Lysobey

تصميم وتطوير مع معايير الويب
التحقق من صحة المستندات الخاصة بك ، وأوراق الأنماط باستمرار!
اختبار عبر متصفح/عبر منصة يوميا!
على الأقل قبل تقديم طلب سحب أو تقديم التزام إلى مستودع.

يجب أن تكتب مستندات مطابقة على أي حال ، ولكن هذا أمر بالغ الأهمية لكتابة css عبر متصفح/عبر منصة.

ملاحظة: القوة الحقيقية للتحقق لا تتفق مع 100 ٪ من الوقت ؛ ستحصل على قوى عظمى بمجرد فهمك لما لا يلزم التحقق من صحته ، ويمكن تأجيله ، ويجب تصحيحه على الفور.
وهذا هو القوة: التحقق المستمر من الصحة يعزز قواعد المواصفات ، وسوف تكون على دراية جيدة. يُبقيك اختبار متقاطع/متقاطع المنصات باستمرار على حرصك على تحديد أنماط أوراق وكيل مستخدم المتصفح التي تخوضها أكثر من غيرها. تطابق الأنماط الخاصة بك على هذا النحو ، لديك مشاكل أقل.

يمكنك استخدام المكتبات والأطر إذا كنت ترغب في ذلك ، ولكنك تستخلص كل الأذى والألم من سير العمل ولن تحصل أبدًا على تفاصيل دقيقة عن الأنماط التي تطلبها هنا. ومع ذلك ، فإن libs/الأطر تقوم بعمل جيد في منحك هذه القوة ، وإن كان ذلك يأتي عادةً مع انتفاخ الصفحة.

reset.css و normalizr.css وحتى *{border:none; margin:0; padding:0) إعادة التعيين هي أسلحة في ترسانة الخاص بك لتحقيق المساواة في الملعب بين المستعرض الذي يعرض أنماطك أو الخاصة به.

نعم ، لقد أوصيت * "الاختراق" ، مع خيارين آخرين. لكل منها مكانه الخاص عند القيام بالمعركة مع وكلاء المستخدم.

علاوة على ذلك ، من العبث عدم الاستفادة من العيوب الموجودة لدى بعض وكلاء المستخدمين ، لأن العيوب المذكورة لن تتواصل مع الاستمرارية بنسبة 100٪ وتحتاج إلى معالجة. عند القيام بذلك ، توفر لك العيوب نفسها خطافًا مثاليًا لاكتشاف الميزات ، أو حتى شمها ، حتى يمكن معالجتها وفقًا لذلك!

استخدم كل اختراق ، أو عيب ، أو ميزة ، أو ميزة ، بحيث يمكنك الحصول على يديك لثني dom وفرض المتصفحات في السطر.

......إذا كان لديك ل. ولكن إذا كنت تتطور وفقًا لمعايير الويب ، فستجد أنك لن تحتاج إليها كما كنت في الماضي.

وبما أنك تعتمد عليها بشكل أقل ، عندما تحصل على فرصة لاستخدام واحدة لمعالجة مشكلة ، استخدمها بسرعة! أنت تعرف بالفعل ماهية المشكلة ، ولديك أيضًا حل يستهدف المشكلة ولا شيء آخر.

كل متصفح له طرقه الخاصة للاستهداف فقط ، وأكثرها وضوحا هو التعليقات الشرطية.
استخدم التعليقات الشرطية لـ ie6-9 ، واستخدم التحويل البرمجي الشرطي لتقديم أنماط لـ ie10 و ie11.
ولكن مرة أخرى ، إذا كنت dwws و dvwws ، فيمكنك تضمينها في كل وثيقة تقوم بإنشائها ، ولكن تجد أن أوراق الأنماط جرداء ، وتستضيف مجموعة من الأنماط فقط تستهدف اختلافات 1-3 بكسل ، أو الحصول على الخلفية ألوان لتمتد (أو لا) 100 ٪ ، الخ.

1
albert

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

أنا شخصيا استخدام YUI إعادة تعيين CSS.

0
Darryl Hein

CSS3 PIE تبدو واعدة جدًا كطبقة توافق CSS3. بالطبع ، هناك مخاوف أخرى عبر المستعرض لإصدارات CSS السابقة.

سؤال ذو صلة بخصوص IE6 ، الكثير من المعلومات المفيدة: هل يجب علي أن أزعج دعم IE6؟

0
JasonBirch

إعداد هذا بتحذير من استخدام الاختراقات CSS.

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

لاستهداف جميع إصدارات Internet Explorer المختلفة في ملف واحد ، هناك العديد من الاختراقات CSS. ضع في اعتبارك أن هذه ستجعل CSS باطلة (إذا كان التحقق من الصحة مصدر قلق لك).

الجسم {
 اللون: أحمر ؛/* جميع المتصفحات */
 اللون: أخضر\9 ؛/* IE8 وتحت */
 * اللون: أصفر ؛/* IE7 وتحت */
 _color: orange؛/* IE6 */
}

حظر التعليقات الشرطية هو في الحقيقة مشكلة فقط في بعض الحالات في IE8 عندما يكون هناك تعليق مشروط. اعتمادًا على رأيك في دعم Internet Explorer ، قد تكون هذه أو لا تكون مشكلة.

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

التعليقات الشرطية سهلة التنفيذ نسبيًا ، وهناك مقالة رائعة حول استخدامها على Quirksmode. سوف عنوان التالي فقط IE6:

<! - [if IE 6]> 
 <link rel = "stylesheet" type = "text/css" href = "/ media/css/ie6.css" /> [ .____]. <[ENDIF] ->

يوجد بناء جملة يسمح لك باستهداف إصدار Internet Explorer الذي يساوي أو يقل عن أو يزيد عن أو يساوي أو أكبر من أو يساوي رقم إصدار معين. المثال أعلاه هو واحد يساوي.

0
Bryson