問題タブ [browser-support]

imagesLoadedは、(2014 年 11 月の執筆時点で)画像が読み込まれているかどうかを検出するための最良のソリューションのようです。

imagesLoaded ライブラリには次の特徴があることがわかりました。

• ライセンス: MIT ライセンス
• 依存関係: なし
• 重量 (縮小 & gzip 圧縮) : 7kb 縮小 (軽い!)
• ビルダーのダウンロード (軽量化に役立ちます) : 必要ありません、すでに小さいです
• Githubで：はい
• コミュニティと貢献者 : 4000 人以上のメンバーがいますが、貢献者はわずか 13 人です。
• 歴史と貢献: 比較的古い (2010 年以降) として安定しているが、まだアクティブなプロジェクト

上記のすべての機能は、非常に高品質の製品の方向性を示しています。ただし、公式ウェブサイトimagesloaded.desandro.comや Github ページgithub.com/desandro/imagesloadedにも明示的に言及されていない情報がまだいくつかあります。

1. ブラウザのサポートは？
2. デバイスのサポートは何ですか?

2番目の質問への答えは明らかだと思いますが、確認していただければ幸いです。

編集: この回答が IE7+ https://stackoverflow.com/a/19959809/759452で動作することを言及したことを思い出しましたが、さらなるフィードバックはまだ歓迎されています

編集 2 : IE7 をサポートしていないという別の情報源を見つけました。今回はライブラリの作成者自身によるものです。github.com/desandro/imagesloaded/issues/16 の「2012 年 11 月 30 日の desandro」からのメッセージを参照してください。

Web-Kit ブラウザーで動作する css があります (代替テキストが表示されている場合):

ただし、FireFox、Opera、IE8+ などの他のブラウザのサポートが必要です

だから私は次のCSSの更新を使用して期待される結果を得ようとします:

IE の場合、web-kit 用のすべての css プロパティをカバーしているとは思いません。

しかし、これは Mozilla と IE では機能しません。

実際の例: https://jsfiddle.net/fdf5kx5z/1/

アップデート

ちょうど追加するとopacity:0.5; color: #999999、期待するものにはるかに近づきます。

モバイル ブラウザ用に特殊な形状のヘッダーを作成しようとしています。
:before と :after を使用して三角形の形状を取得することで、PC で必要なものを取得しました。PC ブラウザーでは見栄えがしますが、これまでのところ、Samsung Galaxy s2 および s4 のクロム ブラウザーのみが望ましい効果をもたらしました。サムスンの標準ブラウザでさえ失敗しました。
また、iPhone s4でもテストしましたが、SafariとChromeでは成功しませんでした。

これらの擬似セレクターのサポートについて私が見つけたすべてのページで、すべてのブラウザーでサポートがあると述べていますが、私のテストではそうではありません。

私の質問は、サポートがないのですか、それとも私のコードが間違っているのですか?

これは、私が設定したコードを含む簡単なページへのリンクです。 http://foodlogg.net76.net/pseudo.html

皆さんがこれで私を助けてくれることを願っています。

td内部に 2 つのfloat:leftdivがある外部があります。外側の背景色とtd、内側の 2 つの div に別の色を使用しています。Safari を除くすべてのブラウザで意図したとおりに動作しています。Safari (Windows 5.1.7 用) では、内側の div とその内容がまったく表示されません。

関連する HTML と CSS は次のとおりです。

これを確認したい人のためのJSFiddleがあります。余分なものをすべて切り取ったため、上記のスタイリングは少しずれています。これは、問題を再現するために私が作成できる最小の完全に実行可能な例であり、私はまだ賢明ではありません.

内部 div が Safari 5 で表示されない理由、または修正方法について何か提案はありますか?

プログレス バーを使用する必要がある MVC 5 ビューをコーディングしていますが、これを行う最善の方法がわかりません。次のリソースで Bootstrap 3 プログレス バーを使用したいと考えています: http://getbootstrap.com/components/#progress

リソース ページに次のメッセージがあります。

私の質問は次のとおりです。すべてのブラウザーで機能する別のプログレス バーを使用する必要がありますか、それとも Bootstrap 3 プログレス バーを使用する必要があると言っても過言ではありませんか?

前もって感謝します。

わかりました、次のアニメーション キーフレームがあるとします。

このアニメーションが最新のブラウザと互換性があることを確認するにはどうすればよいですか??
キーフレームの前にいくつのプレフィックスを適用する必要があるかを知るにはどうすればよいですか??
キーフレームをサポートしているがプレフィックスのみをサポートしているブラウザーはどこですか??
また、接頭辞なしでこのプロパティをサポートするブラウザはどれですか。

素敵なサイトを見つけました :使えますか

しかし、このサイトから最も効率的な方法で、どのプロパティがプレフィックス付きのブラウザーとプレフィックスなしのブラウザーでサポートされているかを抽出するにはどうすればよいでしょうか??

私はそのようにスキャンしましたが、この質問は尋ねられませんでした。それは本当に重要な質問ですが、プレフィックスも処理する崇高なテキストで Emmet を使用しますが、特にブラウザーのサポートが増加すると、それらは時代遅れになることがあります。自分自身を見つけて、よりよくコントロールするのが好きです。

私の質問に疑問がある場合は、質問のタイトルを参照してください。

編集 ：：

もう少し明確にするために、次のような単純なチャートがあるとします。

(上記のチャートは caniuse.com から取得したものです)。

プレフィックスが必要なブラウザと不要なブラウザを特定するにはどうすればよいですか。

ところで、JS プラグインの使用と grunt の使用に関する回答はどれも素晴らしいように聞こえますが、私にとっては少し上級者向けです。

とてもシンプルでシンプルです。手動で追加するプレフィックスを決定する方法. ??

ありがとう。

アレクサンダー

を定義している Internet Explorer、Firefox、Chrome、Safari、および Opera の最も古いバージョンは何window.Workerですか?

W3Schoolsの状態

Internet Explorer 10、Firefox、Chrome、Safari、および Opera は、Web ワーカーをサポートしています。

しかし、それは私には少しあいまいです。後者のすべてのブラウザーのどのバージョンに Web ワーカーがあるかは記載されていません。また、これは Internet Explorer 9 に Web ワーカーがないということですか?

私が調査した限りでは、ブラウザごとに同じドメインへの最大同時リクエスト数が異なることがわかりました ( https://stackoverflow.com/a/14768266/1299642 )。HTTP私が理解したように、これはおよびHTTPSプロトコルに適用されます。

SPDY同じことがプロトコルに適用されているかどうかは誰にもわかりますか?

IE11 バージョン 11.0.9600.16428 以下では、一部の WebGL メソッドが正しく機能していません (ここで説明されているように: https://github.com/mrdoob/three.js/issues/3600 )

一例はメソッドclearStencilです。問題は、メソッドが存在することですが、正しく機能していません。それを検出して、ユーザーにフィードバックを提供したいと思います。Three.js の Detector.js を試してみましたが、ブラウザーとグラフィック カードが WebGL をサポートしているかどうかのみがチェックされ、関連するすべての機能がサポートされているかどうかはチェックされません。

次のような WebGL チェックを実行しようとしました。

IE11 (11.0.9600.16428) では、メソッドsupportsWebGLは true を返しますが、次のようなエラーが表示されます。

WEBGL11095: INVALID-OPERATION: clearStencil: メソッドは現在サポートされていません。

ここで、メソッドsupportsWebGLがその非互換性を検出して false を返すようにします。誰もそれを行う方法を知っていますか?