2011-01-24 10 views
5

मुझे फ़ायरफ़ॉक्स से नफरत है, मैं वास्तव में करता हूं, लेकिन एक वेब डेवलपर के रूप में मुझे फायरबग ऑफ़र के औजारों के मजबूत सेट के बी/सी के लिए जंजीर दिया जाता है। हाल ही में क्रोम और सफारी के निरीक्षण उपकरण उपयोगकर्ताओं को पूर्ण भाग संरचनात्मक कोड (बहुत ही बदसूरत तरीके से) संपादित करने की अनुमति देते हैं, लेकिन आप अभी भी पूर्ण स्टाइलशीट संपादित नहीं कर सकते हैं। आम तौर पर जब कोई इसे लाता है, तो क्रोम और सफारी डेवलपर्स कहते हैं, "लेकिन आप सीएसएस संपादित कर सकते हैं," और यह सच है, कुछ हद तक। आप दोनों ब्राउज़रों में सीएसएस प्रॉपर्टी-बाय-प्रॉपर्टी (जो हमेशा आपके पास बहुत सारे बदलाव होते हैं) को संपादित कर सकते हैं, लेकिन पूर्ण गणना की गई स्टाइलशीट देखने, इसमें संपादन करने और तुरंत परिणाम देखने का कोई तरीका नहीं है। आज तक, फ़ायरफ़ॉक्स पर फ़ायरबग का केवल एक पूर्ण इंस्टॉल आपको ऐसा करने की अनुमति देता है।क्रोम या सफारी में पूर्ण ऑन-द-फ्लाई स्टाइलशीट संपादन

क्या इस अद्वितीय कार्य से मेल खाने के लिए प्लगइन बनाने के लिए क्रोम या सफारी शिविरों में से कोई भी गति है? सस्ते प्लगइन्स जो आपको पृष्ठ में सीएसएस डालने की अनुमति देते हैं, वे जवाब नहीं हैं। यह वास्तव में सरल है:

  1. वर्तमान स्टाइलशीट कि उनका संदर्भ दिया जा
  2. जिसे आप संपादित करना चाहते हैं के साथ एक सूची है, और एक संपादित करें बटन
  3. स्टाइलशीट में सभी कोड देखें क्लिक करें
  4. परिवर्तन करें और उन्हें तुरंत पृष्ठ पर प्रतिबिंबित करें

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

+4

'मुझे फ़ायरफ़ॉक्स से नफरत है' - एक असामान्य दृश्य। कोई विशेष कारण? आपके वास्तविक प्रश्न के रूप में - मैं अक्सर * फ़ायरबग की "वास्तविक सीएसएस पाठ बदलें" सुविधा का उपयोग करके खुद को नहीं ढूंढता, इसलिए मुझे इसे क्रोम से याद नहीं है। "संपत्ति-दर-संपत्ति" बदलना मेरे लिए दूसरी प्रकृति है। जाहिर है, फ़ायरबग सुविधा है जो आप क्रोम/सफारी में बात कर रहे हैं - लेकिन मुझे नहीं लगता कि यह ज्यादातर डेवलपर्स के लिए एक सौदा है। – thirtydot

+0

"एक असामान्य दृश्य" - शायद ही कभी। फ़ायरफ़ॉक्स, और विशेष रूप से गेको प्रतिपादन इंजन, इसकी उम्र दिखाने के लिए शुरू कर रहा है। यह मेरी टीम पर डेवलपर्स के बीच "नई आईई" के रूप में जाना जाने वाला असामान्य नहीं है, जो लगभग 400 पेशेवरों का एक समूह है। – bjork24

+2

मुझे खेद है, लेकिन यह पूरी तरह बकवास की तरह लगता है। फ़ायरफ़ॉक्स 3.6.13, जो कि नवीनतम संस्करण भी नहीं है, एसिड 3 परीक्षण पर उच्च 90 के दशक में स्कोर। मैं वास्तव में चिंतित हूं - प्रतिपादन इंजन में क्या गड़बड़ है जो आपको अपनी पोस्ट के पहले शब्दों के लिए पर्याप्त रूप से नफरत करता है 'मुझे फ़ायरफ़ॉक्स से नफरत है'? – thirtydot

उत्तर

9

धन्यवाद आपको यह मिला!

क्रोम के लिए Live Stylesheets extension जो आप ढूंढ रहे हैं। इंस्टॉलेशन के बाद क्रोम को पुनरारंभ करना सुनिश्चित करें।

+0

धन्यवाद! यह पूरी तरह से काम करता है! – bjork24

+0

+1, यह अजीब समय के लिए सही लगता है जब मैं इसे क्रोम में चाहता हूं। – thirtydot

+0

मीठा, अच्छा एक @ कन्नू! –

3

आप Chrome DevTools में बाहरी स्टाइलशीट भी संपादित कर सकते हैं (क्रोम 15 या तो)। संसाधन पैनल में स्टाइलशीट सामग्री को डबल-क्लिक करें (या नीचे "संपादित करें" बटन पर क्लिक करें), संपादन को रद्द करने के लिए एसीसी, एक नया संशोधन करने के लिए, Ctrl-S संपादित करें। और जब आप टाइप करते हैं तो यह आपके पृष्ठ को अपडेट करता है!

0

आप किसी भी एक्सटेंशन पर भरोसा किए बिना सीधे अपनी सीएसएस फ़ाइलों को क्रोम पर संपादित कर सकते हैं। Edit CSS files on the fly using Chrome DevTools

एक अलग तरीके से इसे उपयोग करने में:

यहाँ है कैसे

  1. सही पेज पर क्लिक करें, निरीक्षण
  2. DevTools पर
  3. का चयन करें, "स्रोत"
  4. पर क्लिक करें पता लगाने "नेटवर्क" फलक पर सीएसएस और इसे
  5. सीएसएस बदलें और इसे सहेजें (ctrl + s दबाकर) enter image description here
संबंधित मुद्दे