問題タブ [browser-feature-detection]

セレクターでCSSトランジションを使用しようとしていますが、現在これをサポートしているブラウザーはFirefoxのみです。問題なくjQueryフォールバック:beforeを作成できますが、そのような疑似要素を使用して機能検出を行う方法がわかりません。

これが、私が使用しているHTMLとCSSを表示するJSBinです。

（...そしてこれも同様のSOの質問ですが、通常の要素の使用についてです。）

更新：うわー、IE10のプラットフォームプレビューでさえこれをサポートしています、そのWebkitはどうなっていますか？！

（編集：ソリューションは以下の回答に移動しました）

iOS が現在 onscroll イベントを処理する方法については、こちらで説明しています。基本的に、ページ/要素がスクロールされているときに複数の onscroll イベントを送信する代わりに、ページ/要素がスクロールを停止した後に 1 つの onscroll イベントを送信します。

これにより、動的 Web サイトのスクリプト作成時にさまざまな問題が発生し、それに対処するにはフォールバックが必要になります。

私の質問は、この「機能の欠如」に対処するModernizrスタイルの方法があるかどうかです。それに対処するもう1つの方法は、どのデバイスが使用されているかを検出することです.

ブラウザがファイルのドロップをサポートしているかどうかを検出できます<input type="file" />か?

たとえば、これは Chrome では可能ですが、IE8 では可能ではありません。

Modernizr.draganddrop可能性はありますが、それは正しい選択ですか？カスタムのドラッグ/ドロップ イベント ハンドラは追加していません。

アップデート

ジョーの答えを確認するために、ファイルのドロップを停止する jQuery の例を次に示します。Chrome および Firefox で検証済み。

具体的にはinput[type=date]、イベントが発生するかどうかをテストしますinputか?

ブラウザ名で特にチェックせずに、ブラウザが特別な「ネイティブ」スタイルのドロップダウン (iPhone や iPod など) を表示するかどうかを確認したいと思います。ユーザーエージェントを名前で見ずに、より一般的な方法でその機能を確認することは可能ですか?

標準またはより強化されたドロップダウン コントロールをレンダリングするかどうかを決定するために、これを実行したいと思います。

getUserMedia を使用してユーザーの Web カメラにアクセスし、スナップショットを撮らせる Web アプリを作成しています。

これは、ファイルを手動でアップロードできるように正常に機能を低下させますが、このユース ケースではより面倒ですが、少なくとも他のブラウザーでアプリを使用することはできます。

私がやっていることは次のとおりです。

• ブラウザが getUserMedia をサポートしていない場合は、「ねえ、もっと良いブラウザを入手してください」というサインを表示します。
• そうであれば、「クリック許可」を表示し、getUserMedia を呼び出します。
• getUserMedia が「失敗」コールバックを呼び出した場合、「おっと、うまくいきませんでした。[許可] をクリックしましたか?」という趣旨の何かを表示します。

現在、FirefoxはgetUserMedia をサポートしていますが、「about:config」でマジック フラグを手動でオンにする必要があります。ただし、フラグがオフの場合 (デフォルト)、getUserMedia が存在するため、ブラウザーはそれをサポートしているように見えますが、それを呼び出しても何もしません(失敗関数を呼び出しても)

ユーザーに本当に興味深いことを伝えることができないため、これはあらゆる可能性の中で最悪です。

これをきれいに処理する良い方法はありますか？基本的に、フラグがオフの場合、Firefox がカメラをサポートしていないことを知らせるものはすべて、基本的に、「Firefox の場合、フラグがデフォルトでオンになっていることに気付くまで、サポートされていないと仮定します。 "。

私はsoundmanager2ライブラリ ( http://www.schillmania.com/projects/soundmanager2 ) を使用してクロスブラウザ オーディオ サポートを提供しています。
ただし、IOS デバイスでは、HTML5 のオーディオ ボリューム プロパティを設定できません。そのため、この機能を使用してサイトの外観を変更できるかどうかを検出したいと思います (たとえば、ボリューム コントロールを非表示にするなど)。

以前のバージョンではpopstate、Chromeは読み込み直後にトリガーし、FirefoxとIEはトリガーしないため、ページの読み込み時に手動でトリガーする必要があるかどうかをテストしていました。

1.9でブラウザオブジェクトを削除したので、これらのブラウザをどのようにテストする必要がありますか？popstateまたは、ページの読み込みが必要かどうかをどのように判断しますか？

コードは次のとおりです。

アップデート

これに行きました：

IE8などのポリフィルをロードしたいので、このコードを使用してメディアクエリのサポートをテストしています。

それは動作します (= Respond.js が他の IE に読み込まれます) が、respond.js が Safari でも読み込まれることを発見しました。

ドキュメントを読んだ後、Safariがサポートしていないある種のメディアクエリがあるため、respond.jsがロードされていると思います。これは本当ですか？この問題を解決するにはどうすればよいですか?

解決済みの編集：最初は、編集可能なコードが2行目で途切れているため、エースは完全に使用できなくなるという印象を受けました。だから、「IEにロードしないようにしよう」と思いました。バグが修正されました。Aceは9で問題なく動作します（または十分に近いですが、FFやChromeほど良くはありません）。

元の質問：AceエディターがIEに読み込まれないようにする必要があることに気付き、どの特定のブラウザー機能を検出する必要があるのか​​疑問に思いますか？ブラウザのスニッフィングを回避しようとしています。