পরীক্ষার উদ্দেশ্যে ব্রাউজারে সিএসএস অক্ষম করবেন কীভাবে

116

ব্রাউজারে (ফায়ারফক্স, ক্রোম ...) সমস্ত বাহ্যিক সিএসএস অক্ষম করার কোনও উপায় আছে কি?

ধীর ইন্টারনেট সংযোগ ব্যবহার করার সময়, কখনও কখনও কেবল খালি এইচটিএমএল CSS তথ্য ছাড়াই ব্রাউজার দ্বারা লোড হয়। মনে হচ্ছে পৃষ্ঠাটি স্ক্রিনে কাঁচা রাখা হয়েছে। স্ট্যাকওভারফ্লো দিয়েও আপনি এটি লক্ষ্য করতেন।

আমি নিশ্চিত করতে চাই যে সিএসএস ফাইলগুলি লোড না করা সত্ত্বেও আমার ওয়েব পৃষ্ঠাটি ঠিক আছে।

আমার অর্থ এই নয় যে আমি বাহ্যিক সিএসএসকে ইনলাইনে রূপান্তর করতে চাই। তবে আমি ব্রাউজার থেকে সমস্ত সিএসএস স্পষ্টভাবে অক্ষম করার একটি উপায় চাই যাতে আমি আমার উপাদানগুলিকে আরও ভাল, পঠনযোগ্য উপায়ে স্থান দিতে পারি।

আমি জানি আমি <লিঙ্ক rel = 'স্টাইলশিট'> এন্ট্রিগুলি সরিয়ে ফেলতে পারি, তবে আমার যদি লিঙ্কযুক্ত অনেকগুলি পৃষ্ঠা থাকে তবে কী হবে?

html css browser

— ATOzTOA
সূত্র

4

এটি একটি খুব ভাল প্রশ্ন। যেমনটি উপস্থিত হয়, উদাহরণস্বরূপ, ক্রোম কোনও লেখকের স্টাইল শিটগুলি এমন কোনওভাবে "বন্ধ" করতে দেয় না যা কোনও মানক ব্যবহারকারীর পক্ষে গ্রহণযোগ্য। এটি ক্রোমকে সিএসএস ২.১-এর সাথে সামঞ্জস্যপূর্ণ করে তোলে না, যেমনটি অনুমানের ৩.২. Chapter অনুচ্ছেদে দেখা যায়, যেখানে বলা হয়, "সংযুক্ত আরব আমিরাতকে ব্যবহারকারীকে লেখকের স্টাইল শিটের প্রভাব বন্ধ করতে দেওয়া উচিত।" এটি অন্যান্য ব্রাউজারগুলির ক্ষেত্রেও সত্য হতে পারে যা এটিকে স্থানীয়ভাবে অনুমতি দেয় না।

— নিকব্রেট

1

পৃষ্ঠাটিতে ডান-ক্লিক করুন, প্রসঙ্গ মেনু থেকে পরিদর্শন<head> করুন, ট্যাগটি সন্ধান করুন, ডান-ক্লিক করুন এবং উপাদান মুছুন বাছাই করুন ।

— সিসিপিজ্জা

59

ফায়ারফক্স এবং ক্রোমের জন্য ওয়েব বিকাশকারী প্লাগইন এটি করতে সক্ষম

প্লাগইন ইনস্টল হয়ে গেলে সিএসএস মেনুতে বিকল্পটি উপলভ্য। উদাহরণ স্বরূপ,CSS > Disable Styles > Disable All Styles

বিকল্প হিসাবে বিকাশকারী সরঞ্জামদণ্ড সক্ষম করে আপনি টিপতে পারেন Alt+Shift+A।

— JoelKuiper
সূত্র

10

আপনি কীভাবে সেখানে এটি করবেন তা নির্দিষ্ট করতে পারেন?

— জন ডিভোরাক

ধন্যবাদ ... ফায়ারব্যাগের কি এই বৈশিষ্ট্য রয়েছে?

— ATOzTOA

3

ফায়ারব্যাগ আপনাকে নির্বাচকভাবে কিছু নির্বাচককে অক্ষম / সক্ষম করতে এবং বিদ্যমান সিএসএসের সরাসরি সম্পাদনা করার অনুমতি দেয়, সুতরাং এক অর্থে এটি সম্ভব। আপনার উদ্দেশ্যে ওয়েব বিকাশকারী প্লাগইনটি যদিও আরও উপযুক্ত বলে মনে হচ্ছে, সেখানে পুরানো / মোবাইল ব্রাউজারগুলির জন্য কোনও সাইটের অ্যাক্সেসযোগ্যতা মূল্যায়ন করার জন্য অন্যান্য দরকারী সরঞ্জামগুলির মধ্যে আপনার কাছে সমস্ত সিএসএস বা নির্দিষ্ট স্টাইলশিট অক্ষম করার বিকল্প রয়েছে।

— জোয়েলকুইপার

7

এই উত্তরের কীভাবে এটি করা যায় সে সম্পর্কে কোনও তথ্য নেই , যা প্রশ্নটি জিজ্ঞাসা করছে।

— নেসডান

1

প্যাকিয়েলো গ্রুপের একটি অনুরূপ সরঞ্জামদণ্ড রয়েছে যা আইই 9-10/11 তে কাজ করে। paciellogroup.com/resources/wat

— RPNinja

70

ক্রোম / ক্রোমিয়ামে আপনি বিকাশকারী কনসোলে এটি করতে পারেন।

সিটিআরএল-শিফট-জ বা মেনু-> সরঞ্জাম-> বিকাশকারী কনসোল দ্বারা বিকাশকারী কনসোল আনুন।
বিকাশকারী কনসোলের মধ্যে সোর্স ট্যাবে ব্রাউজ করুন।
এই ট্যাবের উপরের-বাম কোণে প্রকাশ ত্রিভুজ সহ একটি আইকন রয়েছে। এটিতে ক্লিক করুন।
<domain> → css → <সিএসএস ফাইল আপনি মুছতে চান> তে ব্রাউজ করুন
সমস্ত পাঠ্য হাইলাইট করুন এবং মুছুন হিট করুন।
আপনি অক্ষম করতে চান এমন প্রতিটি স্টাইলশিটের জন্য ধুয়ে ফেলুন এবং পুনরাবৃত্তি করুন।

— ডেভিড বাউকুম
সূত্র

4

আপনার যদি অনেক উত্স থাকে এবং সিএসএস কোথায় বাসা বেঁধেছে তা সন্ধান করতে চান, নেটওয়ার্ক ট্যাবে শুরু করুন এবং প্রতিক্রিয়াগুলি কেবল স্টাইলশিট অন্তর্ভুক্ত করতে ফিল্টার করুন। তারপরে প্রতিক্রিয়াটিতে ডান ক্লিক করুন এবং "উত্স প্যানেলে খুলুন" ক্লিক করুন। তারপরে Ctrl + A, Del

— KyleMit

@ মার্টিনএফ "ছোট্ট প্লে তীর "টিকে সঠিকভাবে প্রকাশ ত্রিভুজ / প্রকাশ উইজেট বলা হয়।

— jsejcksn

তুমি দেবতা।

— রজত সাক্সেনা

21

ফায়ারফক্স (উইন এবং ম্যাক)

মেনু সরঞ্জামদণ্ডের মাধ্যমে, চয়ন করুন: "দেখুন"> "পৃষ্ঠা শৈলী"> "কোনও স্টাইল নয়"
ওয়েব বিকাশকারী সরঞ্জামদণ্ডের মাধ্যমে চয়ন করুন: "সিএসএস"> "স্টাইল অক্ষম করুন"> "সমস্ত স্টাইল"

যদি ওয়েব ডেভ টুলবার ইনস্টল করা থাকে তবে লোকেরা এই কীবোর্ড শর্টকাটগুলি ব্যবহার করতে পারে: Command+ Shift+ S(ম্যাক) এবং Control+ Shift+ S(উইন)

সাফারি (ম্যাক): মেনু সরঞ্জামদণ্ডের মাধ্যমে, "বিকাশ"> "স্টাইল অক্ষম করুন" নির্বাচন করুন
অপেরা (উইন): মেনু দিয়ে, "পৃষ্ঠা"> "স্টাইল"> "ব্যবহারকারী মোড" চয়ন করুন
ক্রোম (উইন): গিয়ার আইকন দিয়ে, "সিএসএস" ট্যাবটি নির্বাচন করুন> "সমস্ত স্টাইল অক্ষম করুন"
ইন্টারনেট এক্সপ্লোরার 8: মেনু সরঞ্জামদণ্ডের মাধ্যমে, "দেখুন"> "স্টাইল"> "স্টাইল নয়" নির্বাচন করুন
ইন্টারনেট এক্সপ্লোরার 7: আইই বিকাশকারী সরঞ্জামদণ্ড মেনুর মাধ্যমে: সমস্ত সিএসএস অক্ষম করুন
ইন্টারনেট এক্সপ্লোরার 6: ওয়েব অ্যাক্সেসিবিলিটি টুলবারের মাধ্যমে, "সিএসএস"> "সিএসএস অক্ষম করুন" নির্বাচন করুন

— অরবিন্দ এনসি
সূত্র

4

ক্রোম (উইন): এই বিকল্পটির আর কোনও অস্তিত্ব মনে হয় না; নীচে ডেভিড বাউকের উত্তরটি কাজ করে।

— ডেভিড কুক

17

এই স্ক্রিপ্টটি আমার জন্য কাজ করে (স্ক্র্যাপকোলা থেকে টুপি টিপ)

var el=document.getElementsByTagName('*');for(var i=0;i<el.length; i++){if (el[i].getAttribute("type")=="text/css") el[i].parentNode.removeChild(el[i]); };

যদিও ইনলাইন শৈলী অক্ষত থাকে

— apurkrt
সূত্র

7

$('style,link[rel="stylesheet"]').remove()jQuery থাকলে একই অর্জন করে। টুইটার . com/janlelis/status/433250838757126146 থেকে ।

— TuteC

1

এটি দুর্দান্ত, ক্রোমে F12 চাপুন, হিট পেস্ট কনসোল করতে প্রবেশ করুন এবং প্রবেশ করুন।

— এরিক বিশার্ড

11

স্ক্র্যাপডোকোলা / পুনর্বার ধারণার প্রসারকে প্রসারিত করে আপনি জাভাস্ক্রিপ্টকে এমন একটি বুকমার্কলেটে পরিণত করতে পারেন যা ইউরির বিরুদ্ধে কার্যকর হয় javascript:যাতে কোডটি ডিভাইসগুলি খোলা না রেখে বা আপনার ক্লিপবোর্ডে কিছু না রেখে একাধিক পৃষ্ঠায় সহজেই ব্যবহার করা যেতে পারে।

কেবলমাত্র নিম্নলিখিত স্নিপেটটি চালান এবং আপনার বুকমার্কস / প্রিয় বারে লিঙ্কটি টানুন:

<a href="javascript: var el = document.querySelectorAll('style,link');
         for (var i=0; i<el.length; i++) {
           el[i].parentNode.removeChild(el[i]); 
         };">
  Remove Styles 
</a>

স্নিপেট প্রসারিত করুন

আমি একটি পৃষ্ঠায় হাজার হাজার উপাদানগুলির মধ্য দিয়ে লুপিং এড়াতে পারতাম getElementsByTagName('*')এবং পৃথকভাবে প্রতিটিটিতে চেক করতে এবং কাজ করতে হবে।
$('style,link[rel="stylesheet"]').remove()অতিরিক্ত জাভাস্ক্রিপ্ট যখন অত্যধিক জটিল হয়ে উঠছে না তখন আমি পৃষ্ঠায় বিদ্যমান jQuery এর উপর নির্ভর করা এড়াতে চাই ।

— KyleMit
সূত্র

এটি করার দ্রুততম উপায় এটি আমার কাছে সেই পদ্ধতিটি পছন্দ।

— লিংক

ইনলাইন সিএসএস সাফ করার জন্য: document.querySelectorAll('*[style]').forEach((e)=>e.removeAttribute('style'));বিদ্যমান styleবৈশিষ্ট্যযুক্ত উপাদানগুলির মাধ্যমে কেবল পুনরাবৃত্তি হয় ।

— মাদুর গেসেল

10

অ্যাডব্লক প্লাস ইনস্টল করুন, তারপরে *.cssফিল্টার বিকল্পগুলিতে নিয়ম যুক্ত করুন (কাস্টম ফিল্টার ট্যাব)। পদ্ধতিটি কেবলমাত্র বাহ্যিক স্টাইলশিটে প্রভাবিত করে । এটি ইনলাইন শৈলীগুলি বন্ধ করে না।

সমস্ত বাহ্যিক সিএসএস অক্ষম করুন

এই পদ্ধতিটি আপনি যা চেয়েছিলেন ঠিক তেমন করে।

— yakunins
সূত্র

1

এটি কেবলমাত্র সমাধান যা আপনি পৃষ্ঠাটি পুনরায় লোড করার পরে এখনও কাজ করে। দুর্ভাগ্যক্রমে, আপনি এটি বিজ্ঞাপন দিয়ে পরীক্ষা করতে পারবেন না।

— sinuhepop

1

@ সিনুহেপপ আপনি এবিপিতে সমস্ত ফিল্টার তালিকা অক্ষম করতে পারেন। কাজ করে না?

— টিউপার্টুনট

নিশ্চিত! আমি চেষ্টা করবো. ধন্যবাদ

— সাইনুহপপ

4

কম কয়েকটি পদক্ষেপে @ ডেভিড বাউকামের সমাধান অর্জনের আর একটি উপায় :

ডান ক্লিক করুন -> উপাদানটি পরীক্ষা করুন
আপনার উপাদানকে প্রভাবিত করে এমন স্টাইলশিটের নামটি ক্লিক করুন (ঘোষণার ঠিক ডান দিকে)
সমস্ত পাঠ্য হাইলাইট করুন এবং মুছুন হিট করুন।

এটি কিছু ক্ষেত্রে হ্যান্ডিয়ার হতে পারে।

— রাফেল লারিনগা
সূত্র

4

বেশিরভাগ উত্তরগুলি এখানে বেশ পুরানো বলে মনে হচ্ছে, মেনু আইটেমগুলি উল্লেখ করে আমি জনপ্রিয় ব্রাউজারগুলির বর্তমান সংস্করণগুলিতে দেখতে পাচ্ছি না, ফায়ারফক্স বিকাশকারী সংস্করণের বর্তমান সংস্করণে এটি কীভাবে করা যায় তা এখানে:

বিকাশকারী সরঞ্জামগুলি খুলুন ( CTRL + SHIFT + I)
স্টাইল সম্পাদক ট্যাবটি নির্বাচন করুন
সেখানে আপনার ডকুমেন্টে সিএসএসের সমস্ত উত্স দেখতে পাওয়া উচিত। আপনি তাদের পাশের আই আইকনটিতে ক্লিক করে তাদের প্রত্যেকটি অক্ষম করতে পারেন।

— দানিয়েল কিস-নাগি
সূত্র

4

যে পৃষ্ঠাগুলি বহিরাগত সিএসএসের উপর নির্ভর করে (আজকাল বেশিরভাগ পৃষ্ঠাগুলি) একটি সহজ এবং নির্ভরযোগ্য সমাধান হ'ল headউপাদানটিকে হত্যা করা :

document.querySelector("head").remove();

এই পৃষ্ঠায় ডান-ক্লিক করুন (ক্রোম / ফায়ারফক্সে), পরীক্ষা করুন নির্বাচন করুন , ডিভটোল কনসোলটিতে কোডটি পেস্ট করুন এবং এন্টার টিপুন ।

আপনি যে বুকমার্কের URL হিসাবে পেস্ট করতে পারেন সেই একই কোডের একটি বুকমার্কলেট সংস্করণ:

javascript:(function(){document.querySelector("head").remove();})()

এখন আপনার পছন্দসই বারে বুকমার্ক ক্লিক করে কোনও সিএসএস স্টাইলশিট ছাড়াই পৃষ্ঠাটি প্রদর্শিত হবে।

মাথা মুছে ফেলা ইনলাইন স্টাইলগুলি ব্যবহার করে এমন পৃষ্ঠাগুলির জন্য কাজ করবে না।

আপনি যদি ম্যাকওএসে সাফারি ব্যবহার করেন তবে:

সাফারি পছন্দগুলি ( cmd+ ,) খুলুন এবং উন্নত ট্যাবে চেকবক্সটি "মেনু বারে বিকাশ মেনু প্রদর্শন করুন" সক্ষম করে।
এখন বিকাশ মেনুতে আপনি একটি অক্ষম স্টাইল বিকল্প পাবেন option

— ccpizza
সূত্র

2

আমি ক্রোম বিকাশকারী সরঞ্জামগুলিতে চেষ্টা করেছি এবং সিএসএসকে বাইরের ফাইল হিসাবে অন্তর্ভুক্ত করা হলে এবং পদ্ধতিটি ইনলাইন শৈলীর জন্য কাজ করবে না তবেই পদ্ধতিটি বৈধ।

Array.prototype.forEach.call(document.querySelectorAll('link'), (element)=>element.remove());

অথবা

var linkElements = document.querySelectorAll('link');
Array.prototype.forEach.call(linkElements, (element)=>element.remove());

ব্যাখ্যা

document.querySelectorAll('link')সমস্ত লিঙ্ক নোড পায়। এটি DOM উপাদানগুলির অ্যারে ফিরিয়ে দেবে। মনে রাখবেন এটি জাভাস্ক্রিপ্টের অ্যারে অবজেক্ট নয়।
Array.prototype.forEach.call(linkElements লিঙ্ক উপাদানগুলির মাধ্যমে লুপ হয়
element.remove() ডিওএম থেকে উপাদানটি সরিয়ে দেয়

সরল এইচটিএমএল পৃষ্ঠায় ফলাফল

— Vetrivel
সূত্র

বিকল্পভাবে, ইনলাইন শৈলীর জন্য:document.querySelectorAll("style").forEach((e)=>(e.remove()))

— সামি বেঞ্চিরিফ

2

: আপনি নিম্নলিখিত সঙ্গে পরিদর্শক থেকে কোন অনুরোধ (এমনকি একটি একক CSS ফাইলের জন্য) ব্লক করে দিতে পারেন
রাইট ক্লিক> ব্লক অনুরোধ করা URL
> অন্য CSS ফাইল নিষ্ক্রিয় থাকলে https://umaar.com/dev-tips/68-block-requests/ এটা একটি স্ট্যান্ডার্ড ইন্সপেক্টর বৈশিষ্ট্য, কোনও প্লাগইন বা কৌশল প্রয়োজন

— Pdor
সূত্র

1

ফায়ারফক্সে, সরলতম উপায় মেনু কমান্ডের মাধ্যমে দেখুন> পৃষ্ঠা শৈল> কোনও স্টাইল নয়। তবে এটি কিছু উপস্থাপক এইচটিএমএল মার্কআপের প্রভাবগুলিও সরিয়ে দেয়। সুতরাং @ জোয়েলকুইপারের পরামর্শ অনুসারে প্লাগইনগুলি ব্যবহার করা আরও ভাল; তারা আরও নমনীয়তা দেয় (উদাহরণস্বরূপ, কিছু স্টাইল শীটগুলি বন্ধ করে দেওয়া)।

— জুক্কা কে। কোরপেলা
সূত্র

0

আসলে, এটি আপনার ভাবার চেয়ে সহজ easier যে কোনও ব্রাউজারে ডিবাগ কনসোল আনতে F12 চাপুন। এটি আইই, ফায়ারফক্স এবং ক্রোমের জন্য কাজ করে। অপেরা সম্পর্কে নিশ্চিত নয়। তারপরে উপাদান উইন্ডোতে সিএসএস মন্তব্য করুন। এটাই.

— devXen
সূত্র

লিঙ্কস অন্যান্য সমস্ত স্টাইলিং উপেক্ষা করবে। এটি এখানে পছন্দসই নয়।

— জন ডিভোরাক

0

এইচটিএমএল ব্রাউজার ডেভলপমেন্ট সরঞ্জামের সাহায্যে পরিদর্শন করার সময় আপনি পছন্দ করেন (যেমন ক্রোম দেবতুলগুলি) <head>উপাদানটি সন্ধান করুন এবং একে একে মুছুন।

লক্ষ্য করুন যে এটি জেএসও সরিয়ে ফেলবে তবে আমার পক্ষে পৃষ্ঠাটি উলঙ্গ করার দ্রুততম উপায় ।

— TheodorosPloumis
সূত্র

0

সমস্ত প্রস্তাবিত উত্তর কেবলমাত্র সেই পৃষ্ঠা লোডের জন্য CSS সরিয়ে দেয়। আপনার ব্যবহারের ক্ষেত্রে, আপনি সিএসএস মোটেও লোড না করতে ইচ্ছুক হতে পারেন:

ক্রোম দেব সরঞ্জামসমূহ> নেটওয়ার্ক ট্যাব> প্রশ্নে স্টাইলশিটে ডান ক্লিক করুন> অনুরোধ url ব্লক করুন

— phillyslick
সূত্র

1

এছাড়াও প্রয়োজনীয়, "আমরা কতগুলি সাইট বা উইন্ডো বা ট্যাব খুলি না কেন পুরো ব্রাউজার সেশনের জন্য সিএসএস বন্ধ করে দেওয়া যায়।"

— ড্যান জ্যাকবসন

0

যারা কোনও প্লাগইন বা অন্যান্য স্টাফ চান না তাদের জন্য, আমরা সিএসএস অক্ষম / সক্ষম করতে ডকুমেন্ট.স্টাইলশিটগুলি ব্যবহার করতে পারি।

// সকল সিএসএস অক্ষম করার কোড code

for (const item in document.styleSheets) {
  document.styleSheets[item].disabled=false;
}

আপনি যদি ক্রোম ব্যবহার করেন তবে আপনি একটি ফাংশন তৈরি করতে এবং আপনার স্নিপেটগুলিতে যুক্ত করতে পারেন। যাতে আপনি কোনও সাইটের সিএসএস সক্ষম / অক্ষম করতে কনসোলটি ব্যবহার করতে পারেন।

// স্নিপেটস -> অক্ষম সিএসএস

function disableCss(value = true){
  for (const item in document.styleSheets) {
    document.styleSheets[item].disabled=value;
  }  
}

কনসোলে //

disableCss() // by default is disable
disableCss(false) // to enable

— সিজো কেবি
সূত্র