طريقة تخطي فحص CSS مع الخواص الغير قياسية !
الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة ..
بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found :D و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة :
أولا سنقوم بتجميع كافة الخواص الغير قياسية و كتابتها في ملف CSS منفصل و لنسميه مثلاً invalid.css وليكن على سبيل المثال بالشكل التالي ( الخواص بالأسفل لجعل الحواف دائرية وهي خاصه فقط بفايرفوكس و سفاري و هي خواص غير قياسية ) :
1 2 3 4 5 6 7 8 | .class-name{ -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-right-radius:10px; } |
ثانيا سنقوم بإستدعاء هذا الملف في ترويسه الصفحات ولكن بطريقة مختلفة بعض الشئ حيث سنستخدم الجاقا سكريبت بالشكل التالي:
1 2 3 4 5 | <script type="text/javascript"><!-- document.write('<link rel="stylesheet" type="text/css" media="screen" href="Your-path/invalid.css" />'); --></script> |
الأن عند فحص الصفحات سيتخطى الفاحص ملف invalid.css و لن يقوم بفحصه .. و سترى Congratulations! No Error Found !
ممتاز … فؤاد خدعة رائعة ..:) ..
شرح رائع ابدعت فيه وفقك الله
حركه جميله
وشكرا لك
جميل جدا جدا
بارك الله فيك و نفع في علمك
ممكن توضويح أكثر للنقطة الثانية؟
إستدعاء الملف في ترويسه الصفحات
في أي ملف يتم وضع كود الجاقا سكريبت ؟
شكرا لك
هذه الحركة غير مفيدة بالمرة وانا لا ارة مها اى افادة ! ماذا نستفيد اذا اخفينا الاخطاء فى الفحص ؟
الافضل البحث عنها واصلاحها
اتمنى الا اكون كلامى نقد لك
تحياتى
مع الاحترام لرأي حضرتك إلا ان مثل الاكواد التي كتبها الاخ فؤاد كمثال لا تعمل على جميع المتصفحات ؛ لذلك لا يمكن لهئية مثل w3c أن تقول بأن أكواد كهذه قياسية و لكن استخدام هذه الأكواد يسهل و يحسن من التصميم و يقلل مدة التحميل ؛ لذلك أنت في حاجة إلى أن تحقق المعايير القياسية و لكن انت أيضًا في حاجة إلى استخدام أكواد سهلة تسهل عليك عملية التكويد .
و فكرة رائعة أخي فؤاد
موقع متميز وسط المواقع الاخرى ومشهور من قبل محركات البحث لكن اود ان يحتوى الموقع علي ما يلي
1- برامج الكومبيوتر التى تساعد فى تصميم المواقع مثل الفوتوشوب ونيت سكيب وغيرها منفضلك يافؤاد ارفعهم علي الموقع وجزاك الله خيرا
احبك في الله