मैंने कैसे पकड़ा: फोकस तत्व के लिए शैलियों से पहले

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

सामान्य तौर पर, मैं साइट के लिए तैयार एक तृतीय-पक्ष लेआउट खींच रहा हूं (यह बिंदु महत्वपूर्ण है, क्योंकि समस्या वहां से चली गई और मैं इसके लिए तैयार नहीं था)। और पृष्ठ पर मैं टेक्स्ट को स्पैन संपादन योग्य में दर्ज करने जा रहा था, जो कि विशेषता संतोषप्रद = सच है। और इसलिए मैंने इसे एक सौ बार किया और सब कुछ ठीक था, लेकिन यहां एक, दो, और कुछ नहीं होता है ... और नेत्रहीन रूप से राज्य में तत्व बदल गया: फोकस। खैर, मैं शैलियों के साथ कुछ सोचता हूं, अब मैं जल्दी से देव-उपकरण ढूंढूंगा। मैंने देव-औजारों का खुलासा किया ... और ... कुछ भी नहीं मिला ... अजीब बात है। मैंने एक अन्य टैब में समान कार्यक्षमता के साथ एक और साइट खोली, वहां सब कुछ काम करता है, चलो घोंसले के शिकार और शैलियों की तुलना करें। एक से एक।

सिद्धांत रूप में, शीर्षक कहता है कि मैं क्या कर रहा था, लेकिन अगर आपको विवरण और समाधान की आवश्यकता है, तो मैं कटौती के लिए कहता हूं, बहुत सारे बीचे नहीं होंगे, लेकिन एक छोटे वीडियो और थोड़े पाठ में।

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

और फिर मैंने डिबगिंग और ब्रिकप्वाइंट्स की खोज की। यही है, हम सबट्री को बदलने और फ़ोकस को बल देने के लिए एचटीएमएल तत्व से एक ब्रिकपॉइंट संलग्न करते हैं। लाभ। दिखाई देता है: पहले और दस्तावेज़ जमा करता है। आप सुरक्षित रूप से हर चीज का अध्ययन कर सकते हैं। यहाँ एक छोटा वीडियो है कि यह कैसा था:


यह बात है, बहुत जल्दी समस्या पाई गई और ठीक हो गई।

पुनश्च अगर किसी को इस वीडियो में किस तरह के संपादक में दिलचस्पी है, तो मैंने हाल ही में उसके बारे में लिखा था ।