2012-06-16 16 views
8

मैं कुछ सीएसएस फाइलें लिख रहा हूं, लेकिन जब मैं कोई गलती करता हूं, क्रोम केवल चुपचाप दिखाई देता है जो मैंने पेंच किया है, और बाकी को प्रस्तुत करता है।Google क्रोम में सीएसएस डिबगिंग

इससे डीबग करने में परेशानी होती है क्योंकि मैं यह नहीं समझ सकता कि क्या गलत हो रहा है।

तो, क्रोम को "बड़े लाल अक्षरों में चिल्लाओ" करने का कोई तरीका है, ताकि मैं त्रुटि खोजने में कम समय व्यतीत कर सकूं और इसे ठीक करने में अधिक समय लगा सकूं?

+1

आप क्रोम में तत्व निरीक्षक का उपयोग कर सकते सीएसएस एक तत्व के लिए आवेदन किया है और खारिज कर/नजरअंदाज कर दिया सीएसएस नियमों को देखने के लिए । तत्व निरीक्षक खोलने के लिए आप f12 या ctrl + shift + j का उपयोग कर सकते हैं। – sg3s

उत्तर

1

चूंकि सीएसएस एक स्क्रिप्टिंग भाषा नहीं है, इसलिए आप इसे ठीक से डीबग नहीं कर सकते हैं। वैसे भी अगर आपको पता है कि यह गलत कहां जाता है तो आप इसे हाथ से ट्यून करने का प्रयास कर सकते हैं। http://jigsaw.w3.org/css-validator/ आप नहीं "डिबग" सीएसएस, क्योंकि यह एक पटकथा भाषा नहीं है, आप Chrome DevTools तत्वों पैनल का उपयोग कर सकते हैं जो आप कुछ प्रतिक्रिया

+0

नहीं है यदि आप स्थानीय रूप से ऐप विकसित कर रहे हैं तो आप इसका उपयोग कैसे कर सकते हैं। उदाहरण के लिए, मैं विजुअल स्टूडियो 2013 का उपयोग कर रहा हूं और F5 दबाकर एक ऐप चला रहा हूं। – VivekDev

-3

सीएसएस एक मार्कअप भाषा नहीं है, इसलिए हम रनटाइम को परिभाषित नहीं कर सकते हैं, आप अपने सीएसएस को क्यों मान्य नहीं करते?

+2

सीएसएस मार्कअप –

5

दे सकते हैं:

Aditionally आप यहाँ W3C Validator मिल गया है किसी तत्व का निरीक्षण करने के लिए & दाईं ओर स्थित स्टाइल फलक देखें। यह आपको शैलियों को ओवरराइड या अनदेखा (लाइन थ्रू) के रूप में अंतर्दृष्टि देगा। शैलियाँ फलक भी उपयोगी है क्योंकि दस्तावेज़ की जांच करने की क्षमता को लाइव करने की क्षमता है, जो आपको मुद्दों को दूर करने में मदद कर सकता है। यदि शैलियों को ओवरराइड किया जा रहा है, तो आप उस सीएसएस को देखने के लिए संगणित स्टाइल फलक देख सकते हैं जिसका वास्तव में आपके दस्तावेज़ को स्टाइल करने के लिए उपयोग किया जा रहा है।

Chrome DevTools अप विंडो लाने के लिए, Chrome ब्राउज़र टैब में + मैं मारा Ctrl +शिफ्ट। (कमान + ऑप्ट + मैं के लिए एक मैक)

अधिक जानकारी यात्रा के लिए https://developer.chrome.com/devtools/index

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