Web サイトを提供されましたが、ブラウザーが CSS 3 と HTML 5 で構築されているため、使用されている機能をサポートしていない場合はポップアップを表示する必要があります。唯一の問題は、キャッチオール メソッドがあるかどうかわからないことです。ブラウザが何かを解析できないかどうかを確認するには、または Modernizr のようなものを使用して、すべての要素と機能を個別に確認する必要がありますか?
3 に答える
ブラウザが何かを解析できないかどうかを確認するキャッチオールメソッドがある場合
解析はかなり一般的なルールで実行されます。不明な要素が DOM に追加されます。不明な属性が DOM に追加されます。認識されない CSS プロパティまたはプロパティの値は無視されます。不明なコンポーネントを持つ CSS セレクターに関連付けられたルールセットは無視されます。JavaScript プロパティへの割り当ては、特別な処理なしで割り当てられます。
( を使用して)キャッチできる唯一のものはtry / catch
、存在しない関数を呼び出そうとする試みと、存在しないオブジェクトのプロパティにアクセスしようとする試みです。
いいえ、一般的な解決策はありません。重大な障害を引き起こす可能性のあるすべてのものを個別にテストする必要があります。
あなたの質問はあまり意味がありません。いいえ、魔法のようにサイト内のすべてのコードを調べて、特定のブラウザーで動作しないコードを特定するテストはありません。
それが Modernizr のようなツールの要点です。さまざまな CSS3/HTML5 機能をテストし、使用中のブラウザーがそれらをサポートしているかどうかをテストできます。Modernizr は、特定の機能に対する 1 回限りのテストのコレクションにすぎません。好きなだけテストし、ポリフィルなどを使用してコードを調整して、使用しているものとの互換性の欠如を説明することができます。これ以上の魔法の解決策はありません。
古いブラウザーではサポートされていない可能性のある CSS3、HTML5 などの機能をすべてサイト コードで特定し、Modernizr などのツールを使用してそれらがクライアント ブラウザーで機能するかどうかをテストし、それらのテストの結果を使用して、モーダルとその上に何を置くかを表示します。