ブラウザ（Firefox、Chrome ...）ですべての外部CSSを無効にする方法はありますか？
低速のインターネット接続を使用している場合、CSS情報なしで裸のHTMLのみがブラウザによってロードされることがあります。ページが画面上に生で配置されているようです。StackOverflowでもこれに気づいたでしょう。
CSSファイルがロードされていなくても、自分のWebページが正常に表示されることを確認したいと思います。
外部CSSをインラインに変換したいという意味ではありませんでした。しかし、ブラウザからすべてのCSSを明示的に無効にして、要素をより読みやすい方法で再配置できるようにする方法が必要です。
<link rel ='stylesheet'>エントリを削除できることはわかっていますが、リンクされたページがたくさんある場合はどうなりますか？
Chrome / Chromiumでは、開発者コンソールでこれを行うことができます。
Firefox（WinおよびMac）
Web Devツールバーがインストールされている場合、ユーザーは次のキーボードショートカットを使用できます：Command+ Shift+ S（Mac）およびControl+ Shift+ S（Win）
このスクリプトは私のために機能します（scrappedcolaへのヒント）
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]); };
インラインスタイルはそのままですが
スクラップペドコラ/renergyのアイデアを拡張すると、 JavaScriptをURIに対して実行されるブックマークレットに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()余分なJavaScriptが圧倒的に面倒でない場合は、ページに存在するjQueryに依存することは避けます。Adblock Plusをインストールしてから、 *.css[フィルター]オプション（[カスタムフィルター]タブ）にルールを追加します。このメソッドは、外部スタイルシートにのみ影響します。インラインスタイルはオフになりません。
すべての外部CSSを無効にする
この方法は、あなたが求めたことを正確に実行します。
<head>ブックマークレットで削除外部CSSに依存するページ（最近のほとんどのページ）の場合、head要素を削除できます。
document.querySelector("head").remove();
使用法：ページを右クリックして（Chrome / Firefoxの場合）、[検査]を選択し、上記のコードをdevtoolsコンソールに貼り付けて、Enterキーを押します。
ブックマークのURLとして貼り付けることができる同じコードのブックマークレットバージョン：
javascript:(function(){document.querySelector("head").remove();})()
ブックマークバーでブックマークをクリックすると、（うまくいけば）すべてのcssスタイルシートが削除されます。
<head>devtoolsを介して削除これを実現する別の方法は、ページを右クリックして（Chrome / Firefoxの場合）、を選択Inspectし、devtoolsパネルで、[要素]タブで<head>タグを選択し（スクリーンショットを参照）、右クリックして、次を選択しDelete elementます。
注：インラインスタイルを使用するページでは、ヘッドの削除は機能しません。
MacOSでSafariを使用している場合は、次のようにします。
少ないステップで@DavidBaucumのソリューションを実現する別の方法：
場合によっては便利かもしれません。
ここではほとんどの回答がかなり古いように思われるため、人気のあるブラウザの現在のバージョンでは見つからないように見えるメニュー項目を参照して、FirefoxDeveloperEditionの現在のバージョンでそれを行う方法を次に示します。
CTRL + SHIFT + I）
次の方法で、インスペクターからのリクエストをブロックできます（単一のcssファイルの場合でも）。
右クリック>
他のcssファイルを無効にせずに
リクエストURLをブロック> https://umaar.com/dev-tips/68-block-requests/標準のインスペクター機能、プラグインやトリックは必要ありません
Chromeデベロッパーツールで試しましたが、CSSが外部ファイルとして含まれている場合にのみこの方法が有効であり、インラインスタイルでは機能しません。
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要素の配列が返されます。これはjavascriptの配列オブジェクトではないことに注意してください。Array.prototype.forEach.call(linkElementsリンク要素をループしますelement.remove()DOMから要素を削除しますプレーンなHTMLページになります
Firefoxでは、最も簡単な方法は、メニューコマンド[表示]>[ページスタイル]>[スタイルなし]を使用することです。ただし、これにより、一部のプレゼンテーションHTMLマークアップの効果もオフになります。したがって、@JoelKuiperによって提案されたプラグインを使用する方が通常は優れています。それらはより柔軟性を与えます（例えば、いくつかのスタイルシートだけをオフにする）。
プラグインやその他のものが必要ない場合は、document.styleSheetsを使用してcssを無効/有効にすることができます。
//すべてのCSSを無効にするコード
for (const item in document.styleSheets) {
document.styleSheets[item].disabled=true;
}
chromeを使用している場合は、関数を作成してスニペットに追加できます。これにより、コンソールを使用して、任意のサイトのcssを有効/無効にできます。
//スニペット->DisableCSS
function disableCss(value = true){
for (const item in document.styleSheets) {
document.styleSheets[item].disabled=value;
}
}
//コンソールで
disableCss() // by default is disable
disableCss(false) // to enable
Chromeの場合：
このプロセスにより、すべてのcssファイルを一度に無効にすることができます。
実際、思ったより簡単です。どのブラウザでも、F12キーを押してデバッグコンソールを表示します。これは、IE、Firefox、およびChromeで機能します。Operaについてはよくわかりません。次に、要素ウィンドウでCSSをコメントアウトします。それでおしまい。
好みのブラウザ開発ツール（Chrome Devtoolsなど）を使用してHTMLを検査しているときに、<head>要素を見つけて削除します。
これによりjsも削除されることに注意してください。ただし、私にとっては、ページを裸にするための最速の方法です。
提案されたすべての回答は、そのページの読み込みのcssを排除するだけです。ユースケースによっては、cssをまったくロードしないことをお勧めします。
Chrome開発ツール>[ネットワーク]タブ>問題のスタイルシートを右クリック>リクエストのURLをブロック
他の誰もこの可能性について言及しなかったように。からChromeのリソースを無効にすることもできますDevTools > Network request blocking。これにより、より細かく、使いやすくなります。
最初に使用する前に隠されている可能性があります。Devtoolsで（ Linux / Win上にあるCommand + shift + Pと思います）を押して、と入力するだけです。ctrl + shift + Pnetwork request blocking
次に、ブロックするリソースを定義できます。*.cssおよび/またはチェックボックス*.jsをクリックしEnable network request blockingます。
指定されたリソースなしでページをロードするには、リロードします。