छाया में तत्व ढूंढना DOM

Question

प्रोटैक्टर 1.7.0 ने एक नई सुविधा पेश की है: एक नया लोकेटर by.deepCss जो shadow DOM के भीतर तत्वों को खोजने में मदद करता है।

कौन सा उपयोग मामलों में यह शामिल है? आप छाया डोम में तत्वों तक कब पहुंचना चाहते हैं?

---

^{कारण मैं सवाल पूछ कि मैं इस मामले के प्रेरक ओर से याद कर रहा हूँ है - मैं मुख्य रूप से एक उच्च स्तरीय रूपरेखा है कि वास्तविक उपयोगकर्ता बातचीत की नकल करने में मदद करता है के रूप में चांदा के बारे में सोचा। छाया पेड़ों तक पहुंचने से बहुत गहरी तकनीकी चीज की तरह लगता है और आप ऐसा क्यों करना चाहते हैं जो मुझे भ्रमित कर रहा है।}

Answer 1

अपने प्रश्न का उत्तर देने के लिए, यहां एक संबंधित प्रश्न है: "छाया डोम कौन सी जानकारी प्रदान करता है जो कच्चे एचटीएमएल को देखता है?"

निम्नलिखित स्निपेट एक shadom डोम (क्रोम या फ़ायरफ़ॉक्स के माध्यम से दृश्य) बनाता है:

<input type="date">

आप तीर पर क्लिक करें, तो एक पॉप अप सभी तिथियों के साथ खुलता है, और आप इसे चुन सकते हैं।

अब कल्पना करें कि आप एक होटल आरक्षण ऐप बना रहे हैं और आपने कस्टम छाया डोम डेट पिकर बनाया है, जहां कमरे अनुपलब्ध होने पर यह काला हो जाएगा (और उपयोगकर्ता को चुनने की अनुमति नहीं देगा)।

कच्चे एचटीएमएल को देखते हुए, आप <input type="date"> और उपयोगकर्ता द्वारा चयनित मूल्य/तिथियां देखते हैं। हालांकि, आप कैसे परीक्षण करेंगे कि ब्लैक आउट यूआई इरादे के रूप में काम कर रहा है? इसके लिए आपको छाया डोम की जांच करनी होगी, जहां पॉप अप रहता है।

Answer 2

कारण मैं सवाल पूछ कि मैं इस मामले के प्रेरक ओर से याद कर रहा हूँ है - मैं मुख्य रूप से एक उच्च स्तरीय रूपरेखा है कि वास्तविक उपयोगकर्ता बातचीत की नकल करने में मदद करता है के रूप में चांदा के बारे में सोचा। छाया पेड़ों तक पहुंचने से बहुत गहरी तकनीकी चीज की तरह लगता है और आप ऐसा क्यों करना चाहते हैं जो मुझे भ्रमित कर रहा है।

ऐसा नहीं लगता है website जो छाया डोम के लिए एक परिचय दिखाता है। यह कहता है कि:

छाया डोम प्रस्तुति से सामग्री को अलग करता है जिससे नामकरण विवादों को समाप्त कर दिया जाता है और कोड अभिव्यक्ति में सुधार होता है।

छाया डोम मुख्य रूप से सामग्री को अलग करने और आपकी कोड अभिव्यक्ति में सुधार करने से बचने में मदद करता है, जिससे इसे साफ और बेहतर (मुझे लगता है)। मुझे यह कहने में खेद है कि मैं वास्तव में सेलेनियम का उपयोग नहीं करता हूं, इसलिए यहां बहुत अधिक जानकारी वाली वेबसाइट है: http://webcomponents.org/polyfills/shadow-dom/

मुझे उम्मीद है कि यह आपकी मदद करेगा!