क्रोम डेवलपर टूल्स के साथ सीएसएस परिवर्तनों को कैसे बनाए रखें

Question

मैं ड्रॉप-डाउन मेनू को डीबग करने का प्रयास कर रहा हूं। मेरे पास अभी तक वेबसाइट तक पहुंच नहीं है इसलिए मैं Google क्रोम डेवलपर टूल्स के माध्यम से एक समाधान ढूंढने की कोशिश कर रहा हूं जिसे मैं परीक्षण कर सकता हूं और फिर जब मुझे पहुंच मिलती है तो साइट पर लागू होता है। यह केवल सीएसएस है और शायद कुछ जावास्क्रिप्ट परिवर्तन।

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

क्या कोई मुझे सही दिशा में इंगित कर सकता है?

बहुत धन्यवाद लोग ...

Answer 1

था सुझावों के लिए nks। मैंने दोनों की कोशिश की लेकिन उनके साथ मामूली समस्याएं थीं (केवल व्यक्तिगत रूप से मेरे लिए विशेष रूप से आसान या सहज नहीं)। इसके बजाय मैंने Tincr पर ठोकर खाई, जिसे मैंने बेहतर फिट पाया। धन्यवाद दोस्तों

Answer 2

विस्तार stylebot है कि आप जल्दी से बना सकते हैं और साइटों के लिए लगातार कस्टम सीएसएस को बचाने के लिए अनुमति देता है की कोशिश करो।

Answer 3

आप Tampermonkey क्रोम एक्सटेंशन, जो क्रोम के लिए Greasemonkey है स्थापित कर सकते हैं, और आप userscripts कि पेज संशोधित करने के लिए सीएसएस और उपयोग jQuery बदल सकते हैं लोड कर सकते हैं, और इस परिवर्तन स्थायी स्क्रिप्ट के रूप में कर रहे हैं होगा लोड हो सकता है और स्वचालित रूप से किसी भी समय आप साइट पर आप @match शासन में स्थापित करने के लिए जाना यह निष्पादित, निम्नलिखित userscript जो सिर्फ पृष्ठ की पृष्ठभूमि का रंग बदल जाता देखें:

// ==UserScript== 
// @name  yourscript 
// @namespace http://yeeeee/ 
// @version 0.1 
// @description Change bacground color of page 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 
// @match  http://yourtargetsite.com/* 
// @copyright 2012+, Me and Brothers 
// ==/UserScript== 

(function() { 
    $(document).ready(function(){ 
     style = '<style type="text/css"> body {background-color: #CC7777 ! important;} </style>'; 
     $('head').append(style); 
    }); 
})(); 

Answer 4

hotfix नामक एक एक्सटेंशन भी है। यह आपको क्रोम देव टूल्स से सीधे गिटहब में परिवर्तनों को सहेजने देता है।

Answer 5

सीएसएस अधिभावी के लिए मेरा पसंदीदा उपकरण स्टाइलिश https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe

है यह डिबगिंग और किसी भी वेब पेज को बढ़ाने के लिए उपयोगी है। विस्तार मेनू से उनके लिए एक सुविधाजनक लिंक के साथ मौजूदा शैलियों की एक बड़ी लाइब्रेरी भी है। इनके लिए, StackOverflow.com