[解決済み] テスト用にブラウザのCSSを無効にする方法

質問

ブラウザ（Firefox、Chrome...）ですべての外部CSSを無効にする方法はありますか？

遅いインターネット接続を使用しているとき、時々、CSS 情報のない素の HTML だけがブラウザによって読み込まれます。これは、ページが画面上に生々しくレイアウトされているように見えます。StackOverflow でもこのことにお気づきでしょう。

CSS ファイルが読み込まれない場合でも、私の Web ページが問題なく表示されることを確認したいのです。

外部CSSをインラインに変換したいという意味ではないです。しかし、より良い、読みやすい方法で私の要素を再配置できるように、ブラウザからすべての CSS を明示的に無効にする方法が欲しいのです。

私は <link rel='stylesheet'> エントリを削除できることを知っていますが、たくさんのリンクされたページがある場合はどうしたらよいでしょうか。

どのように解決するのですか？

Web Developer プラグインで Firefox および クローム は、このようにすることができます。

プラグインをインストールすると、CSS メニューでこのオプションが利用できるようになります。例えば CSS > Disable Styles > Disable All Styles

また、開発者ツールバーを有効にした状態で Alt+Shift+A .