ফায়ারফক্সের অধীনে, দেখুন -> পৃষ্ঠা শৈলী -> কোনও স্টাইল একটি স্টাইলবিহীন পৃষ্ঠা দেখার অনুমতি দেয়। অতিরিক্ত কিছু-জেএস / স্টাইলশিট নির্ভর সাইটগুলির জন্য সহায়ক (যেমন: লাইফহ্যাকার)।
গুগলের ক্রোমের অধীনে কি একই রকম কার্যকারিতা রয়েছে এবং / অথবা আমি কোথায় এটি অ্যাক্সেস করব?
সংস্করণ 19.0.1084.56 / উবুন্টু।
উত্তর:
প্রদত্ত যে অধিকাংশ আধুনিক পৃষ্ঠাগুলি বহিরাগত CSS ফাইলগুলির সমস্ত শৈলী যা অন্তর্ভুক্ত করা হয় সংজ্ঞায়িত <head>, অপসারণ headট্যাগ কার্যকরভাবে সমস্ত শৈলী (স্পষ্ট ইনলাইন শৈলী এবং স্ক্রিপ্ট দ্বারা ঐ সেট ব্যতীত) মুছে ফেলা হবে। কোনও পৃষ্ঠায় ডান ক্লিক করুন, প্রসঙ্গ মেনু থেকে পরিদর্শন করুন এবং কনসোল ট্যাবে এটি আটকান:
document.head.parentNode.removeChild(document.head);এবং এখানে উপরের কোডটির বুকমার্কলেট সংস্করণ রয়েছে যা বুকমার্কের URL হিসাবে আটকানো যেতে পারে (ক্রোমে বুকমার্ক বারটি + ম্যাকের সাথে ⌘+ shift+ bবা লিনাক্স / উইন্ডোজ ctrl+ এ shift+ সহ b) :
javascript:(function(){document.head.parentNode.removeChild(document.head);})()আপনি সরাসরি ঠিকানা বারে উপরের কোডটি টাইপ করতে পারেন তবে উত্তরটি দেওয়ার আগে নোটটি পড়ার আগে পড়ুন। ।
হেড ট্যাগটিতে ডান ক্লিক করে এবং প্রসঙ্গ মেনু দিয়ে এটি মুছে ফেলার মাধ্যমে <head>ডিভটোলস এলিমেটস ট্যাব থেকেও অপসারণ করা যায় :
দ্রষ্টব্য: হেড ট্যাগটি সরিয়ে ফেলা কিছুটা নিষ্ঠুর বলের দৃষ্টিভঙ্গি হওয়ায় এটি সমস্ত স্টাইল, জাভাস্ক্রিপ্ট, ওয়েব ফন্ট ইত্যাদিকে মেরে ফেলবে এবং যদি পৃষ্ঠাটির সামগ্রী জাভাস্ক্রিপ্ট দ্বারা রেন্ডার করা হয় তবে সম্ভবত আপনি একটি খালি পৃষ্ঠা পাবেন। বেশিরভাগ সাইটগুলিতে এটি সম্ভবত আপনাকে প্রত্যাশিত ফলাফল দেবে।
আরও ঘন ঘন ব্যবহারের ক্ষেত্রে হ'ল কোনও পৃষ্ঠায় নির্দিষ্ট বিরক্তিকর জিনিসগুলি যেমন রঙ, মার্জিন, আইফ্রেম ইত্যাদি সরিয়ে ফেলা হয় এই জাতীয় ক্ষেত্রে, নিম্নলিখিত বুকমার্কলেটগুলির মধ্যে একটি আরও দানাদার নিয়ন্ত্রণ সরবরাহ করবে।
একটি বুকমার্ক তৈরি করুন এবং নিম্নলিখিত স্নিপেটটি 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>- এইচটিএমএল 5 স্ট্যান্ডার্ড এটিকে অনুমতি দেয় এবং বেশিরভাগ ব্রাউজার এটি সমর্থন করে। এখন পর্যন্ত এটি সাধারণ অনুশীলন নয়, তবে ওয়েব ফ্রেমওয়ার্কগুলি বিকশিত হওয়ার সাথে সাথে আমরা ভবিষ্যতের ওয়েবে আরও 'স্থানীয় স্টাইল শিট' দেখতে পাব।
আপনি যদি কেবল পঠনযোগ্যতার উন্নতি করতে চান তবে সমস্ত সিএসএস অক্ষম করা সর্বোত্তম অভিজ্ঞতা সরবরাহ করতে পারে না। এই ধরনের ক্ষেত্রে নীচের বুকমার্কলেটগুলি আরও ভাল ফলাফল দিতে পারে:
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';}})();দ্রষ্টব্য: উপরের আইফ্রেমগুলি সরান এর সাথে একত্রে এটি ব্যবহার করা দরকার , কারণ বেশিরভাগ ব্যানার চিত্রগুলি সাধারণত আইফ্রেমের অভ্যন্তরে থাকে এবং এই বুকমার্কলেটটি কেবলমাত্র শীর্ষ স্তরের নথির সাথে কাজ করে।
বুকমার্কলেটগুলি এমন সাইটগুলির জন্যও ব্যবহার করা যেতে পারে যা বিজ্ঞাপন ব্লকারগুলি ব্যবহার করার সময় সামগ্রীগুলি প্রদর্শন করবে না।
আপনি ব্যবহার করতে পারেন বুকমার্কলেটে নির্মাতা কোড (unminify করার বিন্যাস , বোতাম) সম্পাদন করা এটি আপনার প্রয়োজন অনুসারে, এবং এটি ফিরে (অল্প করা কম্প্রেস বোতাম) কিছু বুকমার্ক URL হিসেবে আটকে দিতে পারেন হবে।
উপরে তালিকাভুক্ত বুকমার্কলেটগুলি আইওএস এবং অ্যান্ড্রয়েড উভয়ই বেশিরভাগ মোবাইল ওয়েব ব্রাউজারে কাজ করবে। মোবাইল ব্রাউজারগুলি অ্যাড্রেস বার থেকে জাভাস্ক্রিপ্ট চালাবে না, তবে আপনি একটি বুকমার্ক যুক্ত করতে পারেন, জেএস কোডটি ইউআরএল হিসাবে পেস্ট করতে পারেন, একটি লেবেল সেট করতে পারেন
clean, এবং তারপর বুকমার্কস মেনুতে আইটেমটি আলতো চাপিয়ে এটি চালাতে পারেন (আইওএস সাফারির জন্য) বাcleanঠিকানা বারে টাইপ করা এবং তারপরে অটোসোজেস্ট ড্রপডাউনে সংশ্লিষ্ট বুকমার্কটি আলতো চাপুন। এটি কোনও পঠন মোড নেই এমন পৃষ্ঠাগুলির পাঠযোগ্যতার উন্নতি করতে পারে ।দ্রষ্টব্য: আপনি যদি উপরে বুকমার্কলেটগুলি সরাসরি ঠিকানা বারে অনুলিপি করে আটকান তবে আপনি লক্ষ্য করবেন যে ব্রাউজারগুলি
javascript:উপসর্গটি সরিয়ে ফেলেছে - এটি একটি ব্রাউজার সুরক্ষা বৈশিষ্ট্য, তাই আপনি যদি ঠিক ঠিকানা বার থেকে বুকমার্কলেট পরীক্ষা করতে চান তবে আপনিjavascript:জেএস কোডের আগে ম্যানুয়ালি প্রিপেন্ড করা দরকার ।
যদি আপনি খুঁজছেন Chrome এক্সটেনশান জন্য তারপর আছে uMatrix যেখানে আপনি সিএসএস কলাম ক্লিক করতে পারেন সব CSS এবং শৈলী, এবং নিষ্ক্রিয় করতে ওয়েব ডেভেলপার যেখানে সিএসএস ট্যাবের অধীনে আপনি একটি অপশন আছে সব নিষ্ক্রিয় শৈলী ।
আপনি এটির জন্য ওয়েব বিকাশকারী এক্সটেনশন ব্যবহার করতে পারেন :
নো স্টাইলের কোনও ক্রোম সংস্করণ নেই (এখনও?), সুতরাং আপনাকে অন্য পদ্ধতি ব্যবহার করতে হবে , যেমন শৈলী অক্ষম করতে পারে এমন কিছু এক্সটেনশানগুলির মতো ।
আপনি স্টাইলশিট অক্ষম করতে সাধারণ বা ওয়েব বিকাশকারী এক্সটেনশানটি সমস্ত স্টাইল টগল করতে বা বন্ধ করতে অক্ষম স্টাইলশীট এক্সটেনশন ব্যবহার করতে পারেন । পেন্ডুলুলও এই উদ্দেশ্যে একটি জনপ্রিয় এক্সটেনশন।
আপনি বিকাশকারী সরঞ্জামগুলি [1] [2] এর সাথে শৈলীগুলিও অক্ষম করতে পারেন :
গিয়ার আইকন -> সিএসএস ট্যাব -> সমস্ত স্টাইল অক্ষম করুন
যদি আপনি গতির কারণে এটি করছেন তবে আমি বিকল্পটির পরামর্শ দিতে পারি: লিঙ্ক 2
ব্রাউজারটি টিপুন gএবং আপনার কাছে যেতে চাইলে url টাইপ করুন type এই ব্রাউজারটি যে স্ট্যান্ডার্ডগুলিকে সমর্থন করে তাতে হালকা, তবে খুব পুরানো পিসিতে এমনকি আশ্চর্যরকম দ্রুত।
ফায়ারফক্সের অধীনে, দেখুন -> পৃষ্ঠা শৈলী -> কোনও স্টাইল একটি স্টাইলবিহীন পৃষ্ঠা দেখার অনুমতি দেয়। অতিরিক্ত কিছু-জেএস / স্টাইলশিট নির্ভর সাইটগুলির জন্য সহায়ক (যেমন: লাইফহ্যাকার)। গুগলের ক্রোমের অধীনে কি একই রকম কার্যকারিতা রয়েছে এবং / অথবা আমি কোথায় এটি অ্যাক্সেস করব? সংস্করণ 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
এইচটিএমএল ডকুমেন্টে শৈলগুলি চালু বা বন্ধ করতে, এটি সহায়ক হতে পারে:
https://github.com/guest271314/toggleStyles/blob/master/toggleStyles.js
স্থানীয় ফাইল থেকে বা jQuery এর সিডিএন থেকে ডকুমেন্টে jQuery লোড করে, সাফল্যের লগ করে, স্টাইলের স্থিতি লগ করে, স্পেসবার কীডাউন বা কনসোলে লেখক শৈলগুলি টগল করে বা বন্ধ করে দেয়।
স্থানীয় এবং অনলাইন এইচটিএমএল উভয় দস্তাবেজের জন্য ক্রোমিয়াম / ক্রোম, ফায়ারফক্স এবং অপেরা পরীক্ষিত।
এর জন্য আমার বর্তমানে পছন্দসই সরঞ্জামটি হ'ল ইউম্যাট্রিক্স ব্রাউজার এক্সটেনশান , এটি এমনকি আরও সূক্ষ্ম-নিয়ন্ত্রণযুক্ত নিয়ন্ত্রণের অনুমতি দেয়: বর্তমান ওয়েবসাইটের তুলনায় ডোমেন লোড করে সিএসএস, জেএস, চিত্র বা অন্যান্য বৈশিষ্ট্যগুলি অক্ষম করুন। পরিবর্তনগুলি সহজেই টগলড, স্থায়ী করা বা ডিফল্ট বিধি হিসাবে নিক্ষিপ্ত হতে পারে।
এটি এবং আড়ম্বরপূর্ণ ঠিকানা আমার পাঠক হিসাবে কাস্টমাইজেশন প্রয়োজন most পাঠক-মোড (ফায়ারফক্স) অবিচ্ছিন্নভাবে স্টাইলযুক্ত সামগ্রী মোটামুটি নির্ভরযোগ্যভাবে দেয়।
প্রশ্নটি বাড়ানো হচ্ছে: ক্রোম / অ্যান্ড্রয়েডে আমার কাছে একটি কার্যকর বিকল্প নেই, এবং উপরে প্রস্তাবিত সমাধানগুলি কাজ করে না।
শুধুমাত্র একটি লাইন jquery কোড ... ব্যবহার করুন
jQuery("head").empty();
বা জাভাস্ক্রিপ্টে আপনি ব্যবহার করতে পারেন
document.getElementsByTagName("head")[0].innerText="";
আপনার ওয়েবপৃষ্ঠায় যান এবং তারপরে সিটিআরএল + শিফট টিপুন + আমি আপনাকে একটি মেনু সিলেক্ট করতে দেখবেন এবং এই document.getElementsByTagName("head")[0].innerText="";কোডটি পেস্ট করুন এবং তারপরে এন্টার টিপুন
document.getElementsByTagName("head")[0].innerText="";কোডটি পেস্ট করুন এবং তারপরে এন্টার টিপুন