कैसे जांचें कि सीएसएस मूल्य ब्राउज़र द्वारा समर्थित है या नहीं?

Question

मैं जावास्क्रिप्ट में बहुत कुशल नहीं हूं इसलिए कृपया मेरे साथ सहन करें। सफारी 6 और नीचे और पुराने एंड्रॉइड मोबाइल ब्राउज़र और शायद अधिक सीएसएस मूल्य वीएच का समर्थन नहीं करते हैं। मेरा डीआईवी # आईडी या कक्षा व्यूपोर्ट की ऊंचाई नहीं है।

Check whether a css value is supported

यहाँ है आप के लिए एक शॉर्टकट के रूप में दिया कोड:

नीचे नहीं कैसे एक सीएसएस मूल्य के साथ उपयोग करने के लिए सुनिश्चित एक पृष्ठ मैं कुछ उपयोगी जानकारी मिल के लिए एक लिंक है, लेकिन im वास्तव में

if('opacity' in document.body.style) { 
    // do stuff 
} 

function isPropertySupported(property{ 
    return property in document.body.style; 
} 

किसी से ऊपर दिए गए लिंक की टिप्पणियों में यह पूछने के लिए कि सीएसएस VALUE समर्थित है या नहीं, यह पूछता है कि "आप इसे सेट करते हैं, फिर मान को वापस पढ़ें और जांचें कि ब्राउजर ने इसे बरकरार रखा है या नहीं।" अब मुझे यकीन है कि उपयोगी जानकारी होगी यदि मुझे और जावास्क्रिप्ट पता था जिसे मैंने अभी सीखना शुरू कर दिया है।

यह मेरे मन में है, लेकिन मुझे यकीन नहीं है कि यह करने के लिए कैसे जाना है। जांचें कि div # id या div.class में vh css मान है या नहीं। जांचें कि क्या सीएसएस मान ब्राउज़र द्वारा समर्थित है या नहीं। अगर इसका समर्थन किया जाता है तो लोडिंग रखें। यदि समर्थित नहीं है तो आईडी या कक्षा बदलें।

अगर एक सीएसएस मूल्य ब्राउज़र में जावास्क्रिप्ट या jQuery का उपयोग कर के द्वारा समर्थित है मैं की जांच कैसे करूं:

तो मेरे सवाल का योग करने के लिए?

उत्तर के लिए मार्गदर्शन वास्तव में सराहना की है। आपकी मदद के लिए धन्यवाद।

Answer 1

मुझे लगता है कि आप यह जांचने के लिए चाहते हैं कि vh मान समर्थित है या नहीं, विशेष रूप से DIV#id इसे भालू है?

function cssPropertyValueSupported(prop, value) { 
    var d = document.createElement('div'); 
    d.style[prop] = value; 
    return d.style[prop] === value; 
} 
cssPropertyValueSupported('width', '1px'); 
// => true 
cssPropertyValueSupported('width', '1vh'); 
// => maybe true, maybe false (true for me) 
cssPropertyValueSupported('width', '1foobar'); 
// => false 

Answer 2

मुझे आपके पास मौजूद कोड दिखाई देता है।

var styletotest = "PutStyleHere"; 

if (styletotest in document.body.style) 
{ 
    alert("The " + styletotest + " property is supported"); 

} else { 

    alert("The " + styletotest + " property is NOT supported"); 

} 

आप सीएसएस संपत्ति आप उद्धरण में परीक्षण करना चाहते हैं जगह है जहाँ यह कहते हैं

PutStyleHere

और जब आप फ़ाइल को लोड यह अगर यह आपको बता एक पॉपअप दिखा देंगे काम करता है या नहीं।

हालांकि यह अनावश्यक लगता है।

सीधे शब्दों में Googling:

[संपत्ति] सीएसएस डब्ल्यू 3

जहां [संपत्ति] संपत्ति आप ब्राउज़र समर्थन जानकारी पता करना चाहते हैं।

जब मैं

अस्पष्टता Css डब्ल्यू 3

खोजा और फिर डब्ल्यू 3 लिंक पर क्लिक किया ...आप नीचे स्क्रॉल कर सकते हैं और आप की जानकारी आप इस तरह चाहते हैं के साथ पेज का एक वर्ग देखेंगे:

Source

Answer 3

मैं Modernizr उपयोग करने के लिए सुझाव देना चाहेंगे।

Modernizr एक जावास्क्रिप्ट लाइब्रेरी है जो यह पता लगाती है कि आपके विज़िटर का ब्राउज़र किस HTML5 और CSS3 सुविधाओं का समर्थन करता है। फीचर सपोर्ट का पता लगाने में, यह डेवलपर्स को कुछ नई प्रौद्योगिकियों के लिए परीक्षण करने की अनुमति देता है और फिर उन ब्राउज़र के लिए फ़ॉलबैक प्रदान करता है जो उनका समर्थन नहीं करते हैं।

कुछ उपयोगी लिंक्स:

• Modernizr: the feature detection library for HTML5/CSS3

• Using Modernizr to detect HTML5 features and provide fallbacks

• HTML5 Boilerplate custom build of Modernizr for feature detection

Answer 4

नहीं है नया एपीआई CSS.supports