Google Chrome एक्सटेंशन चयनित टेक्स्ट के फ़ॉन्ट को बदलने की अनुमति देता है


0

मैं कुछ प्रोग्रामिंग ब्लॉगों को पढ़ते हुए अनुभव की गई एक छोटी सी असुविधा को खोज रहा हूं जो लेख के भीतर स्रोत कोड को नियमित पाठ के रूप में पोस्ट करता है। इस समस्या का एकमात्र अपवाद तब है जब पूरा लेख एक मोनोसैप्ड फ़ॉन्ट का उपयोग कर रहा है।

इस तरह के एक प्रोग्रामिंग ब्लॉग लेख के बंद स्क्रीनशॉट:

कोड

मुझे केवल टेक्स्ट मोड में Google के वेब कैश के माध्यम से लेख को देखने से कुछ राहत मिली और यह लेख को एक मोनोसैप्ड फ़ॉन्ट में दिखाता है, क्योंकि मेरे पास पहले से ही ब्राउज़र का डिफ़ॉल्ट फ़ॉन्ट एक मोनोस्पेस वाले फ़ॉन्ट पर सेट है।

मैं वास्तव में पसंद करूंगा कि वेब लेख से स्रोत कोड का चयन करने और एक शब्द प्रोसेसर प्रोग्राम की तरह, एक एक्सटेंशन के माध्यम से फ़ॉन्ट को बदलने की क्षमता है।

Google Chrome का उपयोग करके Inspect element, मैं बदलता हूं:

<span class="code">
    <p>&nbsp;&nbsp;&nbsp; try<br minmax_bound="true">&nbsp;&nbsp;&nbsp; ...</p>
</span>

सेवा मेरे:

<span class="code" style="font-family:monospaced;">
    <p>&nbsp;&nbsp;&nbsp; try<br minmax_bound="true">&nbsp;&nbsp;&nbsp; ...</p>
</span>

यदि यह कोड का एक बड़ा भाग है। लेकिन उपरोक्त दोहराए जाने पर थोड़ा खिंचाव होता है यदि लेख में कोड के कई स्निपेट हैं, और मुझे लगता है कि यह व्यवहार्य नहीं है। मैंने क्रोम ब्राउज़र एक्सटेंशन की तलाश करने की बहुत कोशिश की जो उपयोगकर्ता को कुछ पाठ का चयन करने और उसके फ़ॉन्ट को बदलने देगा, जिसमें कोई भाग्य नहीं है।

क्या आप ऐसे विस्तार या वैकल्पिक / आसान समाधान से अवगत हैं? अग्रिम में धन्यवाद।

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

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


या तो मेरी आँखें वास्तव में धुंधली हैं, या दो स्पान बिल्कुल एक जैसे हैं। वैसे भी, एक कस्टम उपयोगकर्तालेख मदद कर सकता है।
करण

@Karan को इंगित करने के लिए धन्यवाद। लापता styleविशेषता सम्मिलित की गई ।
बार्न मंकी

जवाबों:


0

आप केवल Google के Custom.css का उपयोग क्यों नहीं करते, यह "डिफ़ॉल्ट" फ़ोल्डर> उपयोगकर्ता शैलियाँ> Custom.css में है।

Google का custom.css फ़ाइल किसी वेब पेज पर किसी भी सीएसएस को ओवरराइड करेगा, और यह आपको सीएसएस के साथ कुछ भी निर्दिष्ट करने की अनुमति देता है।


1
उन पाठकों के लिए जो यह नहीं जानते हैं कि custom.css क्या है, जहां यह पाया जाना है, किन बदलावों की आवश्यकता है और इसी तरह, चीजों को वर्तनी के लिए अपने उत्तर का विस्तार करने के बारे में कैसे? जैसा कि यह खड़ा है यह एक टिप्पणी से ज्यादा मूल्य नहीं है।
करण

क्या Custom.cssएक वैश्विक परिवर्तन का कारण नहीं होगा ? यदि हाँ, तो यह Google कैश के टेक्स्ट-ओनली मोड के माध्यम से मुझे मिलने वाली चीज़ों से बहुत अलग नहीं होगा। मैंने अभी भी इसे आज़माया और पृष्ठ-ताज़ा करने के बाद फ़ॉन्ट नहीं बदला। Custom.cssसंशोधित होने के बाद मैंने ब्राउज़र को पुन: लॉन्च करने का प्रयास नहीं किया।
बार्न मंकी

हां, यह एक वैश्विक बदलाव का कारण बनेगा, क्रोम नामक एक विस्तार है जिसे स्टाइलिश कहा जाता है, शायद यह वही है जो आप देख रहे हैं?
मार्कस जे

1
@MarcusJ मैंने स्टाइलिश की कोशिश की , जिसने काम किया। मुझे एक्सटेंशन स्टाइलबॉट भी मिला , जो मुझे इसके उपयोग में आसानी के लिए तुरंत पसंद आया।
बार्न बंदर

0

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.