كيفية التحقق من صحة بادئة البائع في CSS مثل -Webkit- و -MOZ-؟
https://stackoverflow.com/questions/1889724
-
19-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
يمكنني استخدام دائرة نصف قطرها WebKit / Mozilla Border و Pox Shadow CSS Properties، لكنني أريد التحقق من صحة CSS (التي لا تقوم بها حاليا). هل هناك طريقة للحصول عليه للتحقق من الصحة؟
المحلول
لا، إنها خصائص متصفح محددة، وغير محددة في مواصفات CSS القياسية.
يقال إنهم يتبعون بشكل صحيح قواعد تمديد البائع المحدد ل CSS. ليس فقط في مواصفات CSS الرسمية W3C.
نصائح أخرى
على الرغم من أن بناء جملة ملحقات البائع المذكورة في وحدة بناء الجملة CSS3 وسيتم إدخاله في قواعد اللغة للسماح للبائعين بتنفيذ البادئات الخاصة بهم تتجاهل المعيار، ولم يتم التعرف على ملحقات البائع الفعلية نفسها كخصائص CSS الرسمية. هذا لن يتغير، لأنها ملكية ومخصصة للبائعين الذين ابتكرون ويستخدمونها.
ومع ذلك، فإن التحسين الأخير (أوائل 2011.) إلى Jigsaw W3C CSS Rostator يجعل من الممكن تقليل التحقق من الصحة أخطاء الناجمة عن ملحقات البائع تحذيرات. وبعد ابحث عن هذا الخيار الجديد من بينها مثل مستوى CSS للتحقق من خلال توسيع المزيد من الخيارات الجزء:
هذا يجعل من الأسهل العثور على المشاكل الحقيقية في ورقة أنماط إذا كنت لا تزال غير صحيحة. إذا كانت ملحقات البائعين هي الأشياء الوحيدة التي تؤدي إلى الأخطاء، فستتسم بها تحذيراتها في تحذيرات أسلوبك للتحقق من صحة مبدئيا. كما يزيل الحاجة إلى الحفاظ على ملحقات البائعين في ورقة نمط منفصلة يجب أن تخفيه من المصدق.
التحذيرات هي الأبعد، يمكنك الخجولة عن الأخطاء، على الرغم من أن بادئة البائع في نهاية المطاف لا تزال بائع البائع غير قياسي وبالتالي CSS غير صالح تقنيا.
ممكن جزئيا. جمع كل فئات CSS غير المدعومة في ملف واحد (CSS3.css)
مثال:
CSS3.css.
.round{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
}
default.css.
.square{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
الصفحة.html.
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" href="css3.css">');
</script>
</head>
<body>
<div class="square round"></div>
</body>
</html>
محرك البحث لا يقوم بتشغيل البرامج النصية للعميل، لذلك لن تلحق السمات الخاصة بك غير المدعومة بال W3C. أما بالنسبة لفحص CSS الأخضر، آسف، ليس بعد.
لا، لأنها ليست جزءا من المعيار للتحقق من الصحة الحل الوحيد الذي يتبادر إلى الذهن هو وضع الخصائص غير المتوافقة في ورقة نمط منفصلة.
لن يتم التحقق من خصائص Mozilla و WebKit الخاصة بالتحقق من الصحة. ما يمكنك القيام به هو منفصل "المخصب" CSS الخاص بك في ورقة نمط منفصل. تماما مثلك فصل أنماط Hack Hack الخاصة بك من ورقة النمط الرئيسي. بهذه الطريقة سيتم التحقق من صفائح النمط الأساسي الخاص بك.
إذا كنت تستخدم ملف CSS منفصل ل CSS الخاص بي "غير صالح" أو "متصفح خاص"، فاستخدم PHP قليلا لتصفية ملف CSS من Validator:
<?php
if(preg_match("/jigsaw.w3c.org/i", $_SERVER['HTTP_HOST'])){
echo '<link rel="stylesheet" href="invalid.css" type="text/css" media="screen, projection" />';
}
?>
ثم ارتباط Validator with CSS3 كملف تعريف (يقبل الحد الأدنى من الحد الأدنى، نص نص، إلخ):
http://jigsaw.w3.org/css-validator/check/referer?profile=css3
$ _Server ['http_host'] لا يعمل ولكن ربما هناك شيء سوف؟
12-12-2011
نشر كامي حقا أفضل حل. أقوم بإنشاء ملف CSS3.JS منفصل وكتابة ('')؛ خط CSS حسب الخط:
css3.js.
document.write('\
<style type="text/css">\
home_low_mod {zoom: 1;}\
#home_module {-moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-box-shadow: 0px 1px 3px #a5a6a2;-webkit-box-shadow: 0px 1px 3px #a5a6a2;behavior: url(PIE.htc);}\
#page {-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;behavior: url(PIE.htc);}\
</style>');
boltclock هو تماما الحق في هذا واحد ... W3C قد أضاف بالفعل vextwarning مستوى BOOL معايير البحث. أنه ليس موثقة ... ولكن إذا كنت تستخدم صوص صابون API. يمكنك إضافة معلمة إلى حمولة التحقق من الصحة GET طلب....
&vextwarning=true
على سبيل المثال ... إذا كنت تريد تحرير أمر Validator CSS في TextMate ... هل "تحرير حزم ..."، الملقب ب ⌃+⌥+⌘+ب
#!/usr/bin/env ruby
print '<html><head><meta http-equiv="Refresh" content="0; URL='
print 'http://jigsaw.w3.org/css-validator/validator?\
warning=0&profile=none&usermedium=all&text='
scope = STDIN.read
…
ل - شيئا ما - أكثر على طول أمثال
#!/usr/bin/env ruby
print '<html><head><meta http-equiv="Refresh" content="0; URL='
print 'http://jigsaw.w3.org/css-validator/validator?\
warning=2&vextwarning=true&profile=css3&usermedium=all&text='
scope = STDIN.read
…
لاحظ أنني أضفت أيضا level=css3 وتغييرها warninglevel. وبعد تغيير هذه، وفقا ل API، كما هو مطلوب.
لو تود ان ترى الكل المعلمات المتوفرة عبر آلية إرسال "عبر الإنترنت" .... افتح Firebug، أو InspKit Inspector، إلخ. أثناء تقديم استعلام عبر شكلهم وتحقق من full request content للحصول على المزيد من الخيارات، حسب الحاجة ...
