2013-05-27 7 views
12

पृष्ठभूमि कहानी: मैं कई सीएसएस कि एक दूसरे को ओवरराइड के साथ एक पृष्ठ है। बहुत सी सीएसएस शैली पार हो गई है, इसलिए मैं उन्हें देखना नहीं चाहता हूं।को फ़िल्टर कैसे करें और केवल (Firefox में Firebug की तरह) Chrome डेवलपर टूल में सीएसएस लागू किया दिखाने

मैं Firefox पर Firebug पता इस सुविधा (केवल दिखाएँ एप्लाइड सीएसएस) है, जो क्या सीएसएस शैली क्या सीएसएस फ़ाइल लागू किया जा रहा है में दिखा सकते हैं प्रदान करते हैं (साफ!)।

हम क्रोम पर इस सुविधा को कैसे है? मैंने क्रोम के लिए फायरबग लाइट स्थापित करने की कोशिश की लेकिन कोई भाग्य नहीं।

पुनश्च: क्रोम शैली टैब गणना है, लेकिन यह नहीं दिखाती है क्या शैली क्या सीएसएस फ़ाइल से आते हैं।

उत्तर

6

क्रोम देव उपकरणों में, दाहिने हाथ स्तंभ (जहां सीएसएस तत्वों पैनल में दिखाया गया है) में, प्रथम खंड "परिकलित शैली" कहा जाता है। यदि आप "विरासत दिखाएं" को अचयनित करते हैं, तो आपको शैलियों की एक साफ सूची मिलती है जो वास्तव में तत्व पर लागू होती है। क्या उससे मदद हुई?

+0

मेरा क्यूएन मूल रूप से एक विशेष सीएसएस शैली को कैसे सीएसएस फाइलों से पता चलता है? उदाहरण के लिए, मेरे पास "main.css", "client.css" और "mobile.css" नामक 3 सीएसएस फ़ाइलें हैं जिनके पास सभी वर्ग ".title-header" है। पेज में, मैंने इन 3 सीएसएस फाइलों को लोड किया, मुझे कैसे पता चलेगा कि कौन सी फाइल लागू की गई है? –

+2

सामान्य तत्व पैनल (बाएं और सीएसएस पर दाईं ओर एचटीएमएल के साथ), प्रत्येक स्टाइल नियम के ऊपरी दाएं भाग में यह आपको दिखाता है कि यह कौन सी फाइल है और यह किस लाइन नंबर पर है। –

+0

गणना टैब का उपयोग करने में समस्या यह है कि मैं शैलियों टैब में व्यक्तिगत शैलियों को संपादित या अक्षम नहीं कर सकता। फ़ायरफ़ॉक्स यह आसान बनाता है। – isherwood

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