ブラウザーで JavaScript を無効にするのと同様に、Firefox または Chrome でさまざまな CSS3 プロパティのサポートを無効にして、特定のプロパティがサポートされていない場合にページが正常にレンダリングされることをすばやく確認する方法はありますか? これが単なるプレゼンテーション レイヤーであることはわかっていますが、特に Modernizr が使用されている場合は、古いブラウザーを使用せずにこれをテストするためのより効率的な方法があることを願っています。
5 に答える
そうする方法があったとしても、それは役に立ちますか?各ブラウザには独自の癖があるため、次のような保証はありません。
Firefox - CSS3 = Older Browser
CSS3はCSS2への追加のセットではなく、CSS2に置き換わるものです。CSS3のbackgroundsandbordersモジュールには、and、 and border
、andが含まbackground
れます。CSS3を「オフ」にすると、すべてのCSSがオフになります。新しいものを無効にできたとしても、トムの答えは正しいです。現実の世界に実際に存在するものをテストする必要はありません。border-radius
box-shadow
「CSS3をオフにする」方法が必要な場合は、プログレッシブエンハンスメント/グレースフルデグラデーションを適切に考えている/実装していないと思います. CSS3 以外のものから始めて、それでサイトを強化する必要があります。CSS3 以外の基盤を構築してターゲット ブラウザーでテストする場合、CSS3 を追加しても何も変わらないはずです (ブラウザーは、認識できないスタイルを無視します)。CSS3 を独自のスタイルシートでサンドボックス化すると、古いバージョンの IE にそれを完全に無視するように指示できます (または、IE9 で部分的にしかサポートされていないものを使用している場合は、IE のすべてのバージョンにそれを無視するように指示できます)。ダウンロード。
ただし、CSS はコア レンダリング エンジンによって処理されるため、CSS3 を使用せずにページを表示するには、CSS3 をサポートしていないブラウザーで表示する必要があります。最悪です。テストをうまく行うには、複数のブラウザーが必要であり、仮想マシン (または物理マシン) も必要ですが、残念ながら、これが Web 開発の現状です。とにかく、理論的には、いくつかのブラウザーでテストする必要があり、IE6-8 には CSS3 とは関係のない独自の癖があり、それらをテストするために既に設定されている必要があることを既に知っています (したがって、必要な場合は、他のブラウザーの古いバージョンをテストする場合は、IE テスト環境にインストールできます)。
「User Agent Switcher」と呼ばれる Firefox 用の便利なアドオンがあります。これを使用すると、ブラウザーのレンダリングを古いバージョンの IE に下げることができます (iPhone のレンダリングも非常に便利です)。それはあなたが再確認するのに役立つはずです。