問題タブ [modernizr]

ブラウザーで JavaScript を無効にするのと同様に、Firefox または Chrome でさまざまな CSS3 プロパティのサポートを無効にして、特定のプロパティがサポートされていない場合にページが正常にレンダリングされることをすばやく確認する方法はありますか? これが単なるプレゼンテーション レイヤーであることはわかっていますが、特に Modernizr が使用されている場合は、古いブラウザーを使用せずにこれをテストするためのより効率的な方法があることを願っています。

構文に少し苦労しています。プレースホルダーテキストが設定されたメールフォームがあります。下位互換性をサポートするために、Modernizrを使用してValue属性を入力に追加していますが、成功していません。

アイデア？ご協力いただきありがとうございます！

HTML：

JavaScript：

モダナイザーがニヤニヤ顔を生成するのはなぜですか...

生成されたコンテンツ div から取得します。新しい空の HTML ファイルで効果を再現できないようです

アップデート

にこやかな顔が由来だと思います

dataブラウザがModernizrを使用してHTML5属性をサポートしているかどうかを検出するにはどうすればよいですか？

ブラウザがjQueryMobileをサポートしているかどうかを確認するにはどうすればよいですか?

Modernizrを使用することを考えていましたが、どの機能を検出すればよいかわかりません。

ページの先頭に Modernizr JavaScript ファイルへの参照を配置する必要がありますか? 私は常にすべてのスクリプトをページの下部に配置しようとしており、これを保持したいと考えています. そして、それが頭の中にある必要があるのなら、なぜですか？

特定の CSS3 機能がそのブラウザーでサポートされていないかどうかに応じて、特定の CSS スタイルシートを読み込もうとしています。

私が使用するJSコードはこれです：

IE8 では、開発者ツールによると、次のようになります。

何か案は？

HTML5 を有効にして JavaScript をロードするためのライブラリをテストしてきました。IE7 のモダナイザー 2、XP の Firefox 4 などで奇妙な現象が発生しています。(IE6 および 8 では正常に動作します)

スクリプトを含めると、ブラウザは画面を真っ白にレンダリングします。

http://ibob.dk/velkommen-narrow-head-modrn.html

すべてのスタイリングを削除すると、コンテンツを表示することができました。ただし、下にスクロールすると、ブラウザがコンテンツを汚します。

JavaScript または HTML の解釈エラーは見られません。誰が何が起こっているのかについてのヒントを得ましたか?

Modernizr は優れていますが、サンプル テストposition: fixedは完全ではありません。

• iOS 4 以下はtrue、サポートされていない間は返品されますposition: fixed
• Windows 上の Operaは、falseサポートしている間に復帰しますposition: fixed

Modernizr テストに基づく別のテストを見つけましたが、iOS 検出が追加されています: https://gist.github.com/855078/109ded4b4dab65048a1e7b4f4bd94c93cebb26b8。今後の iOS 5 がposition: fixed.

ブラウザのスニッフィングなしで iOS で修正された位置をテストする方法を見つけるのを手伝ってくれませんか?