मैं एक पृष्ठ (page1.html) है कम करने के लिए उपयोग करने के लिए।क्या उपकरण की तुलना करने और एक सीएसएस फ़ाइल (style1.css)</p> <p>सभी अच्छा है का संदर्भ जो सीएसएस स्टाइल शीट
मुझे अतिरिक्त रूप से संदर्भित करने के लिए Page1.html की आवश्यकता है Style2.css हालांकि जब मैं संदर्भ जोड़ता हूं, तो पेज 1.html पर कुछ सामान खराब हो जाता है।
मैं कैसे निर्धारित कर सकता हूं कि यह Style2.css के बारे में क्या है जो इस समस्या का कारण बन रहा है? कुछ diff उपकरण? कुछ प्रक्रिया?
Firebug आपको दिखाता है कि कौन से नियम ओवरराइड किए जा रहे हैं, और कौन से स्टाइलशीट नियम आते हैं।
बस समस्या तत्वों का चयन करें और यह आपको इसके लिए लागू नियम दिखाएगा। फिर आप प्रभाव को देखने के लिए उन्हें चालू/बंद कर सकते हैं।
हां, मैं एक diff टूल का उपयोग करूंगा (DiffMerge नि: शुल्क है) और देखें कि दो सीएसएस फ़ाइलों के बीच क्या समान है।
डिफमेज (या उस मामले के लिए कोई भिन्न उपकरण) अच्छा है यदि आपकी फाइलों में एक समान लेआउट है लेकिन यदि वे बहुत अलग हैं (जैसे मुझे लगता है कि आपका सीएसएस हो सकता है) तो आसानी से पूरी फ़ाइल को एक बड़ा अंतर दिखा सकता है और इसलिए बिल्कुल कोई उपयोग नहीं साबित होता है।
मैं इस स्थिति में क्या करता हूं फ़ायरफ़ॉक्स में डोम इंस्पेक्टर स्थापित करता है, और इसका निरीक्षण करता है।
फिर, अपनी दूसरी स्टाइल शीट शामिल करें और पृष्ठ देखें।
बाधित तत्व पर राइट क्लिक करें और "इसका निरीक्षण करें"। फिर डोम इंस्पेक्टर के दृश्य मोड को सीएसएस में बदलें। यह आपको वर्तमान तत्व पर लागू शैलियों का वर्तमान कैस्केड दिखाएगा और यह भी संदर्भ देगा कि कौन सी फाइल और कौन सी रेखा है।
इस तरह आप यह पता लगा सकते हैं कि आपके पास विरोधाभासी शैलियों कहां हैं।
यह स्वीकार्य रूप से कोई स्वचालित प्रक्रिया नहीं है, लेकिन जब तक आपकी शैलियों 99% समान नहीं होती है तो diffing काम नहीं करेगा।
सभी अच्छे उत्तरों .... मैं इस बार सही चुनने के लिए तैयार हूं।
बस मिश्रण में जोड़ने के लिए ... एक सहयोगी ने एफएफ के लिए वेब डेवलपर टूलबार की सिफारिश की।
मैंने सीएसएस \ दृश्य शैली जानकारी का उपयोग किया और फिर अजीब चीजों पर क्लिक किया ... मुझे जल्दी ही नई स्टाइलशीट से एक नियम मिला जो मूल रूप से इसकी ऊंचाई को बदल रहा था।
विजुअल स्टूडियो 2008 का उपयोग कर डेवलपर्स के लिए जो यह पढ़ जा सकता है:
जब आप WYSIWYG डिजाइनर में एक HTML तत्व का चयन, आप सभी सीएसएस नियमों और उनकी संगत सेटिंग देखने के लिए सीएसएस गुण विंडो का उपयोग कर सकते हैं, विभिन्न सीएसएस नियमों से प्राप्त कैस्केडिंग सेटिंग्स सहित।
संपत्ति फलक में किसी नियम पर क्लिक करके, आप प्रत्येक सीएसएस सेटिंग के स्रोत की पहचान कर सकते हैं। इससे यह पता लगाना आसान हो जाता है कि कोई पृष्ठ या तत्व किसी विशेष तरीके से क्यों दिखता है।
मैंने पहले इस PHP वर्ग का उपयोग किया है - अच्छी तरह से काम करता है।
http://www.phpclasses.org/package/4638-PHP-Compare-two-CSS-style-definitions.html
सीधे दो सीएसएस स्टाइलशीट तुलना तुरन्त उनके बीच के मतभेदों को देखने के लिए: http://www.alanhart.co.uk/archives/2010/12/15/compare-css-stylesheet-tool/
बहुत आसान है जब आप एक साइट की CSS में परिवर्तन करने और आप नहीं कर सकते याद है कि आप क्या बदल (जब तक आप रखना इसके खिलाफ तुलना करने के लिए मूल का बैकअप)
diffchecker (ऑनलाइन) टूल। काफी उपयोगी और तेज़। http://www.diffchecker.com/
यह सीएसएस फ़ाइलों की तुलना करने का सबसे अच्छा जवाब है। मैंने इसका इस्तेमाल किया और इसे पसंद किया। इस पर कोई टिप्पणी कितनी विश्वसनीय/स्थिर है? – ChrisOdney
यह वास्तव में वही है जो मैं ढूंढ रहा था, मैं @ChrisOdney के साथ सहमत हूं, यह वास्तव में सीएसएस की तुलना में तुलना करता है कि यह केवल दो फाइलों के रूप में नहीं है। –