फ़ायरफ़ॉक्स के तहत, देखें -> पृष्ठ शैली -> कोई शैली बिना पृष्ठ देखे देखने की अनुमति नहीं देती है। कुछ पीढ़ी-जेएस / स्टाइलशीट पर निर्भर साइटों के लिए सहायक (जैसे: लाइफहाकर)।
क्या Google के Chrome के अंतर्गत कोई समान कार्यक्षमता है, और / या मैं इसे कहां एक्सेस करूंगा?
संस्करण 19.0.1084.56 / उबंटू।
जवाबों:
यह देखते हुए कि अधिकांश आधुनिक पृष्ठ बाहरी सीएसएस फाइलों में सभी शैलियों को परिभाषित करते हैं, जो इसमें शामिल हैं <head>, headटैग को हटाने से प्रभावी रूप से सभी शैलियों को हटा दिया जाएगा (स्पष्ट इनलाइन शैलियों को छोड़कर और स्क्रिप्ट द्वारा निर्धारित)। पृष्ठ पर राइट-क्लिक करें, संदर्भ मेनू से निरीक्षण चुनें और इसे कंसोल टैब में पेस्ट करें:
document.head.parentNode.removeChild(document.head);और यहाँ कोड है जो ऊपर एक बुकमार्क के URL के रूप में चिपकाया जा सकता है बुकमार्कलेट संस्करण है (के साथ क्रोम में बुकमार्क बार टॉगल ⌘+ shift+ bमैक पर या ctrl+ shift+ bलिनक्स / Windows पर) :
javascript:(function(){document.head.parentNode.removeChild(document.head);})()आप सीधे ऊपर दिए गए कोड को एड्रेस बार में भी टाइप कर सकते हैं, लेकिन जवाब देने से पहले नोट को पढ़ें। ।
हटाने <head>भी DevTools से किया जा सकता तत्वों टैब, राइट-क्लिक करके हेड टैग और संदर्भ मेनू के माध्यम से इसे हटाने के द्वारा:
नोट: हेड टैग को हटाना एक क्रूर बल दृष्टिकोण है क्योंकि यह सभी शैलियों, जावास्क्रिप्ट, वेब फोंट आदि को मार देगा, और यदि पृष्ठ सामग्री को जावास्क्रिप्ट द्वारा प्रस्तुत किया जाता है, तो सबसे अधिक संभावना है कि आपको एक खाली पृष्ठ मिलेगा। अधिकांश साइटों पर यह संभवतः आपको अपेक्षित परिणाम देगा।
एक अधिक लगातार उपयोग का मामला पृष्ठ पर विशिष्ट कष्टप्रद चीजों को हटाने के लिए है, जैसे कि रंग, मार्जिन, iframes, आदि। ऐसे मामले में, निम्नलिखित बुकमार्क में से एक अधिक दानेदार नियंत्रण प्रदान करेगा।
बुकमार्क बनाएं और URL के रूप में निम्नलिखित स्निपेट जोड़ें:
javascript:(function(){for(i=0;i<document.styleSheets.length;i++){document.styleSheets.item(i).disabled=true;}all=document.getElementsByTagName('*');for(i=0;i<all.length;i++){el=all[i];el.style.cssText='';el.style.width='';el.style.padding='0px';el.style.margin='2px';el.style.backgroundImage='none';el.style.backgroundColor='#fff';el.style.color='#000';}})()अब आप अपने बुकमार्क को वर्तमान पृष्ठ पर सीएसएस शैली को साफ करने के लिए क्लिक कर सकते हैं ।
नोट: यह, वास्तव में, पेज के लिए टैग के
<style>अंदर एक ब्लॉक होना संभव है<body>- HTML5 मानक यह अनुमति देता है और अधिकांश ब्राउज़र इसका समर्थन करते हैं। अब तक यह आम बात नहीं है, लेकिन जैसा कि वेब फ्रेमवर्क विकसित होता है, हम भविष्य की वेब में अधिक 'स्थानीय शैली की चादरें' देख सकते हैं।
यदि आप आसानी से पठनीयता में सुधार करना चाहते हैं तो सभी CSS को निष्क्रिय करना सबसे अच्छा अनुभव प्रदान नहीं कर सकता है। ऐसे मामलों के लिए नीचे दिए गए बुकमार्क बेहतर परिणाम दे सकते हैं:
javascript:(function(){var elems=document.body.getElementsByTagName("*");var len=elems.length;for(var i=0;i<len;i++){var pos=window.getComputedStyle(elems[i],null).getPropertyValue('position');if(pos=='fixed'||pos=='sticky'){var el=elems[i];el.parentNode.removeChild(el);}}})()javascript:var frames %3D document.getElementsByTagName%28"iframe"%29%3Bfor %28%3Bframes.length%3B%29 %7Bframes%5Bframes.length-1%5D.parentNode.removeChild%28frames%5Bframes.length-1%5D%29%3B%7Dvoid%280%29यह अधिकांश एम्बेडेड वीडियो, टिप्पणी विजेट आदि को भी मार देगा।
javascript:(function(){function toArray(c){var a,k;a=new Array;for(k=0;k<c.length;++k)a[k]=c[k];return a;}var images,img,altText;images=toArray(document.images);for(var i=0;i<images.length;++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,img)}var alle=document.getElementsByTagName("*");for(var i=0,max=alle.length;i<max;i++){alle[i].style.backgroundImage='none';}})();नोट: यह एक उपर्युक्त निकालें iframes के साथ संयोजन में उपयोग करने की आवश्यकता है , क्योंकि अधिकांश बैनर चित्र आमतौर पर iframes के अंदर होते हैं और यह बुकमार्क केवल शीर्ष-स्तरीय दस्तावेज़ के साथ काम करता है।
बुकमार्क का उपयोग उन साइटों के लिए भी किया जा सकता है जो विज्ञापन अवरोधकों का उपयोग करने पर सामग्री प्रदर्शित नहीं करेंगी।
कोड ( प्रारूप बटन) को कम करने के लिए आप बुकमार्कलेट बिल्डर का उपयोग कर सकते हैं, अपनी आवश्यकताओं के अनुरूप इसे संपादित कर सकते हैं और इसे वापस कर सकते हैं ( कंप्रेस बटन) जिसे आप बुकमार्क URL के रूप में पेस्ट कर सकते हैं।
ऊपर सूचीबद्ध बुकमार्क आईओएस और एंड्रॉइड दोनों पर अधिकांश मोबाइल वेब ब्राउज़रों पर भी काम करेगा। मोबाइल ब्राउज़र पता बार से जावास्क्रिप्ट नहीं चलाएंगे, लेकिन आप एक बुकमार्क जोड़ सकते हैं, URL के रूप में js कोड पेस्ट कर सकते हैं, एक लेबल सेट कर सकते हैं, उदा
clean, और फिर इसे बुकमार्क मेनू में आइटम टैप करके चला सकते हैं (IOS सफारी के लिए) याcleanपता बार में टाइप करना और फिर ऑटोसुगेस्ट ड्रॉपडाउन में संबंधित बुकमार्क को टैप करना। यह उन पृष्ठों के लिए पठनीयता में सुधार कर सकता है जिनमें कोई रीडिंग मोड नहीं है ।नोट: यदि आप सीधे बुकमार्क बार में ऊपर दिए गए बुकमार्कलेट को कॉपी और पेस्ट करते हैं, तो आप देखेंगे कि ब्राउज़र
javascript:उपसर्ग हटाते हैं - यह एक ब्राउज़र सुरक्षा सुविधा है, इसलिए यदि आप एड्रेस बार से सीधे बुकमार्कलेट का परीक्षण करना चाहते हैं, तो आप कर सकते हैंjavascript:जेएस कोड से पहले मैन्युअल रूप से प्रस्तुत करने की आवश्यकता है ।
यदि आप क्रोम एक्सटेंशन की तलाश कर रहे हैं तो uMatrix है जहां आप सभी CSS और शैलियों को अक्षम करने के लिए CSS कॉलम पर क्लिक कर सकते हैं, और वेब डेवलपर जहां CSS टैब के तहत आपके पास सभी शैलियों को अक्षम करने का विकल्प है ।
आप इसके लिए वेब डेवलपर एक्सटेंशन का उपयोग कर सकते हैं :
नो स्टाइल (अभी तक?) का कोई क्रोम संस्करण नहीं है , इसलिए आपको एक और विधि का उपयोग करना होगा , जैसे कि कुछ अन्य एक्सटेंशन जो शैलियों को अक्षम कर सकते हैं।
आप उपयोग कर सकते हैं अक्षम स्टाइलशीट सामान्य या में अक्षम स्टाइलशीट करने के लिए विस्तार वेब डेवलपर को चालू या बंद सभी शैलियों टॉगल करने के लिए विस्तार। पेंडुल भी इस उद्देश्य के लिए एक लोकप्रिय विस्तार है।
आप डेवलपर्स टूल्स के साथ शैलियों को अक्षम कर सकते हैं [1] [२] :
गियर आइकन -> सीएसएस टैब -> सभी शैलियों को अक्षम करें
यदि आप गति कारणों से ऐसा कर रहे हैं तो क्या मैं एक विकल्प सुझा सकता हूं: लिंक 2
जब ब्राउज़र प्रेस खोलता है gऔर उस url को टाइप करता है जिसे आप जाना चाहते हैं। यह ब्राउज़र मानकों का समर्थन करता है, लेकिन यह बहुत पुराने पीसी पर भी आश्चर्यजनक तेज है।
फ़ायरफ़ॉक्स के तहत, देखें -> पृष्ठ शैली -> कोई शैली बिना पृष्ठ देखे देखने की अनुमति नहीं देती है। कुछ पीढ़ी-जेएस / स्टाइलशीट पर निर्भर साइटों के लिए सहायक (जैसे: लाइफहाकर)। क्या Google के Chrome के अंतर्गत कोई समान कार्यक्षमता है, और / या मैं इसे कहां एक्सेस करूंगा? संस्करण 19.0.1084.56 / उबंटू। - डॉ। एडवर्ड मोरबियस
...
हाँ। मौजूदा सत्र के लिए टॉगल करने की स्टाइलशीट पर्याप्त होगी। सीएसएस, जेएस, कुकीज़, आदि सभी साइटों के लिए टॉगल करना सही है। दुर्भाग्य से ऐसा लगता है कि क्या हो रहा था। मैं अनुभव को "हल्के कष्टप्रद" के रूप में वर्णित करता हूं। - डॉ। एडवर्ड मोरबियस
console(क्रोमियम / क्रोम, फ़ायरफ़ॉक्स, ओपेरा) में jQuery पुस्तकालय का उपयोग, एक HTML दस्तावेज़ से लेखक की शैलियों को साफ करना चाहिए:
(function clearStyle(){
c='';$('link[rel=stylesheet]').attr('href',c);
$('style').html(c);$('*').attr('style',c);})()
https://github.com/guest271314/toggleStyles/blob/master/clearStyle.min.js
HTML दस्तावेज़ में शैलियों को चालू या बंद करने के लिए, यह मददगार हो सकता है:
https://github.com/guest271314/toggleStyles/blob/master/toggleStyles.js
दस्तावेज़ में लोड jQuery, या तो स्थानीय फ़ाइल से या jQuery के CDN से, सफलता लॉग करता है, स्टाइल स्टेटस लॉग करता है, स्पेसबार कीडाउन द्वारा या कंसोल पर लेखक शैलियों को टॉगल करता है।
दोनों स्थानीय और ऑनलाइन HTML दस्तावेज़ों के लिए क्रोमियम / क्रोम, फ़ायरफ़ॉक्स और ओपेरा में परीक्षण किया गया।
वर्तमान में इसके लिए मेरा पसंदीदा उपकरण uMatrix ब्राउज़र एक्सटेंशन है , जो यहां तक कि महीन- दाने वाले नियंत्रणों को भी अनुमति देता है: सीएसएस, जेएस, छवियों या अन्य सुविधाओं को अक्षम करें, वर्तमान वेबसाइट के सापेक्ष डोमेन लोड करके। डिफ़ॉल्ट नियमों के रूप में परिवर्तन को आसानी से टॉगल किया जा सकता है, स्थायी बनाया जा सकता है या कास्ट किया जा सकता है।
यह और स्टाइलिश मेरे अधिकांश पाठक के अनुकूलन की जरूरत है। रीडर-मोड (फ़ायरफ़ॉक्स) समान रूप से स्टाइल की गई सामग्री को काफी मज़बूती से देता है।
प्रश्न का विस्तार: क्रोम / एंड्रॉइड पर, मेरे पास एक व्यवहार्य विकल्प नहीं है, और ऊपर दिए गए समाधान काम नहीं करते हैं।
केवल एक लाइन jquery कोड ... उपयोग करें
jQuery("head").empty();
या javascripts में आप उपयोग कर सकते है
document.getElementsByTagName("head")[0].innerText="";
अपने वेबपृष्ठ को मिलाएं और फिर ctrl + Shift + दबाएं, आपको एक मेनू सिलेक्ट कंसोल दिखाई देगा और इस document.getElementsByTagName("head")[0].innerText="";कोड को पेस्ट करें और फिर एंटर दबाएं
document.getElementsByTagName("head")[0].innerText="";कोड को पेस्ट करें और फिर एंटर दबाएं