नए HTML5 टैग <mark>

Question

की अनुकूलता का पता लगाने मैं नए टैग इस तरह की एक विधि का उपयोग कर .मैं (jQuery के साथ) की अनुकूलता कैसे पता लगा सकते हैं:

var $mark = $('<mark>'); 
$mark.appendTo('html'); 
var bg = $mark.css('background'); 
if (/rgb\(255\, 255\, 0\)/.test(bg)) return true; 
else return false; 

लेकिन समस्या यह अवास्तविक लौटाते है रात में फ़ायरफ़ॉक्स, यहां तक ​​कि यह समर्थित है। मैं मार्क तत्व का निरीक्षण करता हूं, पाया कि अन्य ब्राउज़रों (क्रोम, सफारी) स्वचालित रूप से इस टैग के लिए एक शैली जोड़ देंगे जिसमें पृष्ठभूमि-रंग और रंग शामिल होगा।

दुर्भाग्य से फ़ायरफ़ॉक्स टैग क्या क्रोम और सफारी करना के लिए शैली को जोड़ने नहीं किया है। लेकिन टैग में पीले रंग की पृष्ठभूमि भी है।

तो मैं उलझन में है कि यह कैसे पीला हो सकता है, हालांकि कोई अन्य शैली से जोड़ रहे है हूँ। और क्या किसी के पास ब्राउज़र में इसकी संगतता का पता लगाने का ठोस तरीका है? धन्यवाद।

Answer 1

आपकी दिनचर्या के साथ समस्या यह है कि फ़ायरफ़ॉक्स उस संदर्भ में background जैसे शॉर्टेंड गुणों का उपयोग नहीं कर सकता है।

समाधान: backgroundColor का उपयोग करें।

var $mark = $('<mark>'); 
$mark.appendTo('body'); 
var bg = $mark.css('backgroundColor'); 
if (/rgb\(255\, 255\, 0\)/.test(bg)) return true; 
else return false; 

यह फ़ायरफ़ॉक्स और क्रोम में काम करेगा।

JSFiddle देखें।

नोट, हालांकि, <mark> को औपचारिक रूप से पीले रंग के पृष्ठभूमि के रूप में परिभाषित नहीं किया गया है। तथ्य यह है कि सभी ब्राउज़र वर्तमान में इसे इस तरह प्रदर्शित करते हैं, इसका मतलब यह नहीं है कि भविष्य में काम करना जारी रखने की गारंटी है।