javascript - JavaScript を使用しないさまざまなブラウザー用のスタイルシートを含める

Question

css ファイルをスキャンしてイメージを base64 として埋め込むユーティリティを使用して、サーバーへの要求の量を減らしています。残念ながら、IE はこれをサポートしていません。

条件付きコメントを使用して IE 固有のスタイルシートを含める方法は知っていますが、FF、Opera、および Webkit についてはどうでしょうか。使用しない IE スタイルシートを提供したくありません。

ありがとう

score 2 · Accepted Answer

私があなたの質問を正しく理解している場合（そして私が理解していない場合）、条件付きコメントを使用してIEからCSSファイルを除外できます。

<![if IE 9]>
IE will ignore this; other browsers won't.
<![endif]>

score 2 · Accepted Answer

Firefox、Opera、Safari の条件付きコメントはありません。Javascript を使用してスタイルシートをロードできるかどうかはわかりませんが、どちらの方法でもロードしないことをお勧めします。

PHP のようなサーバー側のスクリプト言語を使用して、クライアントを判別し、対応する CSS ファイルを提供するのが一般的です。PHP では、ユーザーエージェントはの内容を解析することで識別できます$_SERVER['HTTP_USER_AGENT']。

PHP でのプログラミングに慣れていない場合は、使用できるスクリプトが多数あります。これは特に有望に思えます。

score 0 · Accepted Answer

代わりに、次の方法を使用するのが最善の方法です。

type = "text / safari"

type = "text / chrome"

より良い説明のために次の投稿を読んでください。

-アミット

score 0 · Accepted Answer

代わりに、次の方法を使用するのが最善の方法です。type="text/safari" type="text/chrome"

いいえ、ブラウザのバグに頼らないでください。Chrome はバージョン 50 でこれを修正する (したがって、このハックを無効にする) 予定です。

score 0 · Accepted Answer

Web リクエストでユーザーエージェントを読み取ることにより、HEAD タグで別のスタイルシートを提供できます。

javascript - JavaScript を使用しないさまざまなブラウザー用のスタイル シートを含める