テストのために Web ブラウザーで外部 CSS を無効にする方法

テストのために Web ブラウザで外部 CSS を無効にする

Web ページのコア機能をテストする場合、外部 CSS を無効にすると便利な場合がありますスタイルシートによって提供される視覚的な拡張機能を使用せずに、ページのレイアウトと機能を検証します。一般的なブラウザで外部 CSS を無効にする方法は次のとおりです。

Chrome/Chromium

1. 開発者コンソール (Ctrl Shift J) を開きます。
2. [ソース] タブに移動します。
3. 左上隅にある開閉用三角ボタンをクリックします。
4. ドメイン、CSS のフォルダーを展開し、無効にする CSS ファイルを選択します.
5. 各スタイルシートの内容を強調表示して削除します。

Firefox

1. Web コンソールを開きます (Ctrl Shift K) .
2. 次のコマンドを入力します: document.documentElement.style.sheet.cssText = ""
3. Enter キーを押します。

Safari

1. 開発メニュー (コマンド オプション E) を開きます。
2. 「詳細設定」セクションで「スタイルを無効にする」を選択します。

Microsoft Edge

1. 開発者ツール (F12) を開きます。
2. 「スタイル」タブに移動します。
3. 無効にする CSS ファイルを選択し、クリックします

注: これらのメソッドは、選択した CSS ファイルのみを一時的に無効にします。スタイルシートを復元するには、ページを更新するか、ブラウザの設定でスタイルシートを再度有効にするだけです。

以上がテストのために Web ブラウザーで外部 CSS を無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。