CSS Diff Checker
CSS के दो संस्करण पेस्ट करें और CSS सिंटैक्स हाइलाइटिंग के साथ जोड़ी गई, हटाई गई और बदली गई पंक्तियों की तुलना करें। डिफ़ लोकल रूप से आपके ब्राउज़र में चलता है।
मूल टेक्स्ट
बदला हुआ टेक्स्ट
CSS सिंटैक्स पहले से चुना हुआ
यह पेज CSS टोकन अपने-आप हाइलाइट करता है, इसलिए फ़ाइलों की तुलना से पहले आपको भाषा चुनने की ज़रूरत नहीं है।
निजी, लोकल तुलना
डिफ़ आपके ब्राउज़र में चलता है। सोर्स कोड, API पेलोड और कॉन्फ़िगरेशन फ़ाइलें किसी सर्वर पर अपलोड नहीं होतीं।
विभाजित या एकीकृत दृश्य
अगल-बगल समीक्षा के लिए विभाजित दृश्य और कॉम्पैक्ट पैच के लिए एकीकृत दृश्य का उपयोग करें, और बड़ी फ़ाइलों में अपरिवर्तित पंक्तियाँ छिपाएँ।
CSS फ़ाइलों की ऑनलाइन तुलना करें
यह CSS डिफ़ चेकर उन डेवलपर्स के लिए बना है जिन्हें कोड और कॉन्फ़िगरेशन में हुए बदलावों की तुलना करने का तेज़ और निजी तरीका चाहिए। दो संस्करण पेस्ट करें, तुलना चलाएँ, और पहले से चालू CSS सिंटैक्स हाइलाइटिंग के साथ जोड़, हटाव और पंक्ति के अंदर हुए बदलावों की समीक्षा करें।
मूल CSS फ़ाइल को बाएँ एडिटर में पेस्ट या अपलोड करें।
बदली हुई CSS फ़ाइल को दाएँ एडिटर में पेस्ट या अपलोड करें।
तुलना करें पर क्लिक करें, परिणाम को विभाजित या एकीकृत दृश्य में देखें, और जब आपको केवल बदले हुए हिस्से देखने हों, तब अपरिवर्तित पंक्तियाँ छिपाएँ।
ब्राउज़र में निजी CSS तुलना
डिफ़ लोकल रूप से आपके ब्राउज़र में चलता है, इसलिए सोर्स कोड, API रिस्पॉन्स, सीक्रेट्स और कॉन्फ़िगरेशन फ़ाइलें आपके डिवाइस पर ही रहती हैं। वापस लाने के लिए एक हालिया सेशन आपके ब्राउज़र स्टोरेज में सेव हो सकता है, और आप उसे टूल से कभी भी साफ़ कर सकते हैं।
CSS डिफ़ के आम वर्कफ़्लो
डिप्लॉय से पहले डिज़ाइन टोकन के बदलावों की समीक्षा करें।
फ़ॉर्मेटिंग के बाद जोड़े या हटाए गए डिक्लेरेशन पहचानें।
CSS सिंटैक्स हाइलाइटिंग
इस पेज पर हाइलाइटिंग CSS पर लॉक है, इसलिए भाषा चुनने वाला मेनू बीच में नहीं आता। पार्सर सिलेक्टर, कस्टम प्रॉपर्टी, मीडिया क्वेरी और डिक्लेरेशन जैसे टोकन पर ध्यान देता है, जबकि डिफ़ इंजन टेक्स्ट में हुए असली बदलावों को हाइलाइट करता है।
.css
संदर्भ: MDN CSS रेफ़रेंस
CSS डिफ़ चेकर: अक्सर पूछे जाने वाले प्रश्न
CSS डिफ़ चेकर क्या करता है?
यह CSS के दो संस्करणों की तुलना करके जोड़ी गई, हटाई गई और बदली गई पंक्तियाँ हाइलाइट करता है। सिंटैक्स हाइलाइटिंग CSS पर लॉक रहती है, इसलिए बदलावों की समीक्षा करते समय भाषा के टोकन एक नज़र में पहचाने जा सकते हैं।
क्या CSS डिफ़ चेकर मेरी फ़ाइलें अपलोड करता है?
नहीं। तुलना आपके ब्राउज़र में होती है। तुलना करें पर क्लिक करने पर आपकी फ़ाइलें किसी सर्वर पर अपलोड नहीं होतीं।
मैं किस तरह की CSS फ़ाइलों की तुलना कर सकता हूँ?
आप .css जैसी सादा-टेक्स्ट फ़ाइलें पेस्ट या अपलोड कर सकते हैं। किसी भी टेक्स्ट फ़ाइल की तुलना की जा सकती है, लेकिन यह पेज CSS सिंटैक्स को अपने-आप हाइलाइट करता है।
क्या मैं बड़ी CSS फ़ाइलों की तुलना कर सकता हूँ?
हाँ। तुलना एक बैकग्राउंड वर्कर में चलती है, इसलिए ब्राउज़र अटकता नहीं। फिर भी बहुत बड़ी फ़ाइलों में आपके डिवाइस पर कुछ सेकंड लग सकते हैं।