2013-02-10 9 views
5

क्या एचटीएमएल/सीएसएस/जावास्क्रिप्ट के लिए कोई बुनियादी डिबगिंग उपकरण है जो टाइपो की पहचान करने में मदद करेगा?कक्षा और आईडी नामों में टाइपों के लिए निवारक उपकरण

कई बार "#fron" होना चाहिए "#from"। मैं कोड के बारे में बात नहीं कर रहा हूं, लेकिन कक्षा के नाम और आईडी जैसे चीजों के लिए।

मुझे पता है कि मजबूत आईडीई हैं, लेकिन सिर्फ यह सोचकर कि क्या कुछ बुनियादी उपकरण या एक्सटेंशन हैं जिन्हें मैं अनजान हूं।

यहां एक प्रश्न पोस्ट करने से पहले, मैं पूरी तरह से कोड की समीक्षा करने की कोशिश करता हूं, लेकिन मैं अपना सबसे खराब प्रूफ्रेडर हूं।

+4

और ऐसा उपकरण कैसे अनुमान लगाएगा कि '# fron' एक टाइपो है और आईडी 'fron' के साथ तत्व के लिए एक नया स्टाइल नियम नहीं है? – dfsq

+0

मुझे याद है कि कहीं ऐसा प्रोग्राम था जो आपके पृष्ठ में उपयोग नहीं किए गए सीएसएस वर्गों की रिपोर्ट करेगा। कार्यक्रम लोड समय के अनुकूलन की दिशा में तैयार किया गया था और लक्ष्य कोड की उन पंक्तियों को हटाना होगा और इसलिए आपकी फ़ाइल का आकार छोटा कर देगा। हालांकि, ऐसा कुछ भी आपके लक्ष्य के लिए उपयोगी हो सकता है। –

+1

शायद यह मदद करता है: http://stackoverflow.com/questions/3152045/what-tool-can-analyze-my-site-and-report-on-unused-unneeded-css –

उत्तर

2

दो बातें मैं उपयोगी पाया है यह है: http://blog.whatwg.org/vnu-parser-1-4

मैं सीएसएस के लिए डेडवेट का उपयोग करें: https://github.com/aanand/deadweight

या ucss https://github.com/operasoftware/ucss

और मेरे क्लाइंट पक्ष प्रतिपादन के लिए , मैं phantomjs के साथ पेज सामग्री को पकड़ता हूं, फिर इसे vnu और deadweight/ucss द्वारा चलाएं।

1

मैं यह भी कहूंगा। फायरबग के कंसोल के माध्यम से पहले दो उदाहरणों को रैन करें और जो भी आप ढूंढ रहे हैं उसे मिला। समस्या पहली है (ilia choly's) केवल कक्षाएं दिखाती है, हालांकि यह एक चेतावनी में है। दूसरा उदाहरण (मिस्टरग्रीन) बहुत साफ है, आपको कक्षाएं और आईडी दोनों देता है लेकिन उन्हें कंसोल में थूकता है और आपको अनावश्यक परिणाम देता है। इसे आज़माएं, एक चुनें। इसे अपने पृष्ठ में कोड करने की आवश्यकता नहीं है। सबसे खराब हिस्सा मैन्युअल रूप से उन सभी के माध्यम से जा रहा है। How to get list of Css class use in the HTML file?

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