2012-01-03 6 views
16

संभव डुप्लिकेट:
How to use chrome web inspector to view hover codeमैं वेबपृष्ठ पर तत्वों के "होवर" और "सक्रिय" गुण कैसे देख सकता हूं?

गूगल क्रोम और फ़ायरफ़ॉक्स दोनों में, मंडराना और सक्रिय राज्य सीएसएस गुण केवल जब तत्व hovered या क्लिक किया जाता है देखी जा सकती है। हालांकि, जैसे ही मेरा माउस तत्व छोड़ देता है या मैं अपना माउस छोड़ देता हूं, मैं अब गुणों को नहीं देख सकता।

क्या कोई क्रोम एक्सटेंशन या फ़ायरफ़ॉक्स एडन है जो मुझे होवर या सक्रिय राज्यों में तत्वों को देखने की अनुमति दे सकता है?

+2

डुप्लिकेट क्रोम के लिए है, फ़ायरफ़ॉक्स के लिए, [यह उत्तर देखें] (http://stackoverflow.com/a/13855134/247696)। – Flimm

+0

मैं सहमत हूं .. और @Domenic, हमें विश्वास है कि यह गलत है। लिंक होना चाहिए Flimm –

उत्तर

5

फ़ायरफ़ॉक्स के लिए फायरबग और डोम इंस्पेक्टर एक्सटेंशन दोनों आपको निरीक्षण करने की अनुमति देते हैं: होवर और: मनमानी तत्वों पर सक्रिय स्थिति, जैसा कि मुझे याद है।

+3

क्या यह अभी भी फ़ायरफ़ॉक्स 29 में काम करता है? मुझे पहले के रूप में होवर मेनू नहीं मिल रहा है। – billynoah

+0

@ बिलीनोह यह निश्चित रूप से डोम इंस्पेक्टर में काम करता है, जो मैं आमतौर पर उपयोग करता हूं। –

+0

आप फ़ायरफ़ॉक्स 2 9 का उपयोग कर रहे हैं? मैं वास्तव में इस आलेख को पढ़ता हूं (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector# चयन- एलिमेंट्स) इसके बारे में उन्होंने HTML फलक में प्रत्येक तत्व के लिए ड्रॉप डाउन मेनू रखने के व्यवहार को कैसे बदला है वेबपेज में ही। यह वास्तव में बहुत सुंदर है - बस मुझे भ्रमित कर दिया क्योंकि मुझे पुराने तरीके से इस्तेमाल किया गया था। – billynoah

13

तत्व निरीक्षक के अंदर तत्व पर क्लिक करें। अपने माउस को तत्व पर ले जाएं, ऊपर तीर कुंजी दबाएं और फिर नीचे तीर कुंजी दबाएं। आप होवर गुण देखेंगे।

+0

ग्रेट टिप का उल्लेख किया जाना चाहिए। इसके अतिरिक्त, यदि आप सीएसएस गुणों के माध्यम से स्क्रॉल करना चाहते हैं तो टैब कुंजी दबाएं (क्रोम पर ऊपर और नीचे तीर कुंजी दबाकर)। – Amir

+11

हाल के फ़ायरफ़ॉक्स संस्करणों में आप तत्व निरीक्षक में एक तत्व पर राइट क्लिक कर सकते हैं और वांछित स्थिति सेट कर सकते हैं। [डोम इंस्पेक्टर एफएक्यू] देखें (https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F) – daniels

संबंधित मुद्दे