अप्रयुक्त छवियों, सीएसएस नियम, जेएस स्क्रिप्ट ब्लॉक

Question

हमारे पास काफी बड़ी एएसपीनेट वेबसाइट है।

छवियों, सीएसएस और जावास्क्रिप्ट वेबसाइट प्रोजेक्ट में व्यवस्थित संपत्ति हैं, लेकिन जैसा कि हम वेबसाइट के स्वरूप और अनुभव को बदल रहे हैं, मैं जानना चाहता हूं कि कोई उपकरण/ऐड-इन है जो मुझे पहचानने में मदद करेगा वेबसाइटों में वेबसाइटों का उपयोग नहीं किया जा रहा है।

मैं सीएसएस और जावास्क्रिप्ट के साथ भी वही चीज़ ढूंढना चाहता हूं। मैंने dustme फ़ायरफ़ॉक्स एक्सटेंशन को देखा है लेकिन यह केवल सीएसएस करता है।

Answer 1

अप्रयुक्त सीएसएस

1. Firefox विस्तार धूल मेरे http://www.sitepoint.com/dustmeselectors/ पर पर एक नजर डालें।

2. Google क्रोम के पास उनके डेवलपर कंसोल में website auditing tool है।

3. इसके अलावा मुझे इस साइट को अप्रयुक्त सीएसएस - http://unused-css.com/ हटाने के लिए मिला। किसी साइट का यूआरएल टाइप करें और आपको सीएसएस चयनकर्ताओं की एक सूची मिल जाएगी। प्रत्येक चयनकर्ता के लिए, एक संख्या इंगित करती है कि चयनकर्ता कितनी बार उपयोग किया जाता है। इस सेवा में कुछ सीमाएं हैं। @import कथन समर्थित नहीं है। आप नई स्वच्छ सीएसएस फ़ाइल को कॉन्फ़िगर और डाउनलोड नहीं कर सकते हैं।

4. Helium सीएसएस एक वेब साइट पर कई पृष्ठों पर अप्रयुक्त सीएसएस की खोज के लिए जावास्क्रिप्ट टूल है। आपको सबसे पहले उस पृष्ठ पर जावास्क्रिप्ट फ़ाइल स्थापित करना है जिसे आप परीक्षण करना चाहते हैं। फिर, आपको सफाई शुरू करने के लिए एक हीलियम फ़ंक्शन को कॉल करना होगा।

5. CSSESS एक बुकमार्कलेट है जो आपको किसी भी साइट पर अप्रयुक्त सीएसएस चयनकर्ताओं को खोजने में मदद करता है। यह टूल उपयोग करने में बहुत आसान है लेकिन यह आपको स्वच्छ सीएसएस फ़ाइलों को कॉन्फ़िगर और डाउनलोड करने नहीं देगा। यह केवल अप्रयुक्त सीएसएस फ़ाइलों को सूचीबद्ध करेगा।

6. How can I find unused images and CSS styles in a website?

अप्रयुक्त चित्र:

1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
2. How Do I Make a Bash Script To Find Unused Images in a Project?

अप्रयुक्त जे एस:

1. Find unused CSS rule and js script in a web project?
2. Find unused Javascript functions?

Answer 2

एक संभव दृष्टिकोण होगा:

1. अपने ब्राउज़र का उपयोग बचाने के लिए ऑफ़लाइन कार्यक्षमता और एक स्थानीय फ़ोल्डर के लिए साइट और उसके सभी संसाधनों की एक पूरी डाउनलोड करने के लिए।
2. फिर एक छोटे से पर्ल स्क्रिप्ट है कि सभी *। ऊपर slurp जाएगा {jpg, png, gif ... आदि}
3. चलते हैं तो आप अपने प्रोजेक्ट स्रोत निर्देशिका से इसे चलाने तो सूची पर एक diff है।

स्पष्ट रूप से इस दृष्टिकोण के लिए कुछ सीमाएं हैं, लेकिन यदि आपके पास यह सब अच्छी शुरुआत हो सकती है!

Answer 3

चूंकि जावास्क्रिप्ट एक गतिशील भाषा है और गतिशील तरीकों से बुलाया जाता है, इसलिए आप अप्रयुक्त जावास्क्रिप्ट को खोजने के लिए एक उपकरण ठीक नहीं करेंगे।

आप एक उपकरण कॉल JSCoverage का उपयोग कर सकते हैं जो आपके कोड और सूचियों को सूचीबद्ध करता है जो कि विधियों को बुलाया जाता है। इससे आपको थोड़ा सा मदद मिलनी चाहिए।

Answer 4

मुझे कभी भी ऐसा करने का दावा करने वाले किसी भी ब्राउज़र एक्सटेंशन के साथ भाग्य नहीं था।

मैं एक कंसोल ऐप चलाता हूं जो प्रोजेक्ट निर्देशिका में अप्रयुक्त सीएसएस कक्षाओं को खोजने के लिए AgentRansack पर निर्भर करता है (यानी घोषित किया गया है लेकिन एसीएक्स/जेएस इत्यादि में संदर्भित नहीं है) - तो यह परिणामों को उपयोग रिपोर्ट में विलीन कर देता है। मुझे लगता है कि यह काफी आसानी से छवि srcs आदि देखने के लिए समायोजित किया जा सकता है, जब तक कि परियोजना निर्देशिका में अप्रयुक्त पृष्ठों को हटा दिया गया हो।

क्या इस तरह एक उचित वितरित उपकरण की मांग है?

Answer 5

सर्वर ताकि आप पिछले उपयोग समय की जाँच कर सकते अप्रयुक्त फ़ाइलों को खोलने के नहीं लिया जाएगा। सही?