問題タブ [browser-feature-detection]

私はモバイルブラウザとデスクトップブラウザの両方のためのアプリケーションを開発しています。ブラウザがファイルのアップロードをサポートしているかどうかを検出する方法があるかどうか疑問に思っています。私は特にブラウザの検出ではなく、機能の検出を探しています。調べる方法はありますか？

サーバー側またはクライアント側で問題ありません。

ありがとう

以前は、マウスの存在を確認する最良の方法は、タッチイベントのサポートを探すことでした。ただし、デスクトップChromeはタッチイベントをサポートするようになったため、このテストは失敗に終わります。

タッチイベントの存在に基づいて推測するのではなく、マウスオーバーイベントのサポートを直接テストする方法はありますか？

解決策： AshleysBrainからの回答に基づいて、機能したコードは次のとおりです。

最近、クライアントから、当社の Web サイトにスライドショーを実装するように依頼されました。ホームページの画像遷移を絶えずアニメーション化すると、ほとんどのモバイル デバイスのプロセッサがペグされるのではないかと懸念しているため、バッテリー寿命を維持するために自動進行を無効にしたいと考えています。ユーザー エージェントを検出せずにこれを行う方法はありますか?

ここにドラフトされたバッテリーステータス API があることを見てきましたが、それがどの程度完全であるか、またはどのブラウザーがそれを実装しているかはわかりません。

デスクトップから Android モバイル、Blackberry モバイルまで、さまざまなデバイスに展開される Web アプリケーションを開発しています。このような異なるデバイスをサポートする必要があるため、タッチと非タッチの 2 つの異なるインターフェイスが存在します。

問題は、Blackberry 9300 などのタッチをサポートしていない Blackberry デバイスが、タッチ イベントをサポートしているように誤って表示されることです。すなわち、

戻りますtrue。

今まで、私はブラウザのスニッフィングに頼っていました。

しかし、今はタッチである Blackberry Torch をサポートする必要があるため、後者はもう機能しません。もちろん、ブラウザのスニッフィング用にもっと正確な正規表現を試すこともできますが、破滅への道を進んでいると感じています。

Blackberry デバイスでも機能する、タッチ イベントのサポートを検出するより信頼性の高い方法はありますか?

ブラウザーでの SVG サポートの検出について、誰かが既に私の質問をしていますが、3 つの主要な解決策があり、それぞれのメリットについてはあまり議論されていません。

だから：もしあれば、どれが最高ですか？移植性と正確性の観点から、つまり。偽陰性 (つまり、"no svg") は望ましくありませんが、許容されます。誤検知はそうではありません。

展示物A:

展示物 B:

証拠C:

ブラウザーが svg フィルター (具体的には feGaussianBlur) をサポートしているかどうかを検出する機能が必要です。これをテストするにはどうすればよいですか？フィルタをサポートしていない Safari は、サイレントにフィルタを無視します。

機能検出には Modernizr を使用し、CSS3D プロパティのアニメーション化には TransformJS を使用しています。TransformJS は、translate、scale、rotate プロパティのスタイリングに CSS マトリックスを使用します。filter プロパティを介してマトリックス変換をサポートしているため、IE でも問題なく動作します。

私の問題は、Opera Presto 2.5 以降、Opera が CSS マトリックスのみをサポートしていることです。これは現在アルファ/ベータ版のようです。ブラウザが CSS マトリックス変換に対応しているかどうかを検出する方法はありますか?

どんな助けでも親切にいただければ幸いです。:)

編集:わかりました、私は間違っていました :) Opera は CSS マトリックスをサポートしていますが、値は単位なしでなければなりません。それでも、それをテストすることは興味深いでしょう。

Chrome 安定版を含む一部のブラウザーでは、次のことができます。

ご存じないでしょうが、h1 は完全にグレースケールでレンダリングされます。古いものはすべて新しくなりました。

とにかく—これを機能検出する方法を知っている人はいますか?

うまくいかない場合は、他のスタイルを適用できる必要がありますfilter。

（私にとって）複雑な Javascript であるPhotoswipeを活用したいと思います。作者は IE 7 をサポートしていないことを明確にしています。デモ サイトは IE 7 である程度機能しますが、私のチームが構築したインスタンスは機能しません。

スクリプトを変更しようとするのではなく、Yep/Nopeのようなものを使用して、どの Javascript 機能が失敗しているかを検出し、古いブラウザーでうまく機能することがわかっている、より単純な代替ギャラリーを提供したいと思います。ユーザーエージェントのスニッフィングを回避しようとしています。

個人的に詳細がわからないスクリプトで、機能を検出する対象を整理するためのツールまたは方法はありますか?