Chrome で CSS を無効にする方法

Google Chrome は、Web ページで指定されたカスケード スタイル シートを読み込み、それらを使用して Web ページのスタイルを設定します。 CSS スタイル シートを使用せずに Web ページがどのように表示されるかを確認したい場合は、Google Chrome で CSS を無効にして、スタイルのない Web ページを表示できます。 Google Chrome にはカスケード スタイル シートを無効にするオプションはありませんが、Web Developer や Pendule などのブラウザ拡張機能を使用して、ページごとに CSS を無効にすることができます。

ステップ 1

Chrome Web Store で Web Developer または Pendule 拡張機能のページを開きます。 [インストール] ボタンをクリックして、拡張機能をインストールします。

ステップ 2

Google Chrome ウィンドウの右上隅にある歯車の形をしたアイコンをクリックして、Web 開発者または Pendule 拡張機能のメニューを開きます。

ステップ 3

Web Developer 拡張機能で「CSS」オプションを選択して「すべてのスタイルを無効にする」をクリックするか、Pendule で「スタイルシート」オプションをクリックして「すべてのスタイルを無効にする」をクリックします。オプションをクリックすると、ページはスタイルなしで再表示されます。