Chrome DevTools में एक शॉर्टकट को दिखाने के लिए/एक तत्व को छिपाने है:क्रोम DevTools में तत्व की शैली में "प्रदर्शन: कोई नहीं/ब्लॉक" टॉगल करने के लिए एक शॉर्टकट है?
क्रोम तत्व को __web-inspector-hide-shortcut__ वर्ग कहते हैं, लेकिन यह visibility: hidden से ज्यादा कुछ नहीं है:
क्या तत्व की display: none/block शैली बदलने के लिए समान शॉर्टकट है? तो क्लिक पर यह style='display: none;' विशेषता जोड़ता है और none/block को टॉगल करता है?
ऐसी कोई शॉर्टकट नहीं है। इसके बजाय आप क्या कर सकते हैं बैकस्पेस डीओएम से तत्व को हटाने के लिए और सेमीडी + z इसे वापस लाने के लिए उपयोग करें। इस क्रोम एक्सटेंशन को इंस्टॉल करना
प्रयास करें:
亲爱的.web-inspector-hide-shortcut
यह "display: none"
हालांकि करने के लिए "visibility: hidden" से डिफ़ॉल्ट सीएसएस ओवरराइड करता है, मैं लेखक नहीं हूँ, विचार/कार्यान्वयन सरल है, देखना source
बहुत अधिक एक अतिरिक्त सीएसएस परत
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ * {
visibility: hidden !important;
}
से
.__web-inspector-hide-shortcut__ {
display: none !important;
}
को क्यों 'कोई भी/block'' कोई भी/inline', 'कोई भी/तालिका पंक्ति-group' के बजाय, ...? – Oriol
@ ओरियल, अच्छा विकल्प, क्यों नहीं? क्या आप जानते हैं कैसे? – Green
कोई विचार नहीं। मैं इस तरह की सुविधा को लागू करने में कठिनाई को इंगित कर रहा था, क्योंकि यदि आप 'none' और 'block' के बीच टॉगल करते हैं तो कुछ लोग 'ब्लॉक' के बजाय 'इनलाइन' चाहते हैं। समस्या की जड़ यह है कि 'डिस्प्ले' को बहुत ही डिजाइन किया गया था, उम्मीद है कि डिस्प्ले एल 3 द्वारा पेश किया गया 'बॉक्स-दप्रेस' इसे ठीक करेगा। – Oriol