問題タブ [modernizr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5761 参照

javascript - 入力タイプ=日時にModernizrを使用するには?

HTML 入力フィールドと属性のカスタム ビルドを作成し、ページに含めました<head>が、機能しません。他に何をする必要がありますか?

0 投票する
1 に答える
2082 参照

modernizr - Modernizr.load() を拡張してイメージをプリロードするにはどうすればよいですか (または、拡張する必要がありますか?)

アイデアは、ページ /something/index.html が読み込まれるということです。ただし、表示する前に、その依存関係 (この場合は css と画像) がプリロードされています。

Paul Irish の「imagesLoaded」jQuery プラグインを調べましたが、私は既に持っているローダーを使用するシンプルさを好みます。YepNope (および Modernizr.load) が一般的なプリローダーとして設計されていないことはわかっていますが、これが最もクリーンな方法だと思います。

Modernizr/YepNope ロード スクリプトにイメージのプリロードを実装する方法についてご意見をお寄せください。

ニュージーランド

0 投票する
1 に答える
2665 参照

modernizr - Modernizr.geolocationは常にtrueです

ジオロケーションサポートのModernizrチェックがあります。期待どおりに機能していないことに気付いたので、何が起こっているかを確認するためにいくつかのログを記録しました。ブラウザでジオロケーションが有効になっているかどうかは、trueを警告しているようです。オンラインで見つけたModernizr.geolocationデモでは期待どおりに機能するため、ブラウザでジオロケーションを正しく無効にしていることはわかっています。

ジオロケーションピースを使用してカスタムModernizrスクリプトを呼び出しています。これを引き起こしている可能性があるものについてのアイデアはありますか?何を探すべきか、または他にどのような情報が必要かを教えてください。私はModernizrを初めて使用します。

ありがとう!

0 投票する
4 に答える
5003 参照

javascript - IE の text-shadow ポリフィルを Modernizr で動作させる

小さなポリフィル ( https://github.com/heygrady/textshadow ) を取得して Internet Explorer にテキスト シャドウ効果を追加しようとしていますが、それを機能させる方法がわかりません。これは私が使用しているコードです:

効果は得られますが、すべてが間違っているように見えます。元のテキストとまったく同じ書式設定で、元の見出しテキストをもう一度やり直すだけですが、行の高さの半分だけ下に向かってオフセットされます。

編集:いくつかの実験の後、JavaScriptに頼るのではなく、クラスのCSSルールを手動で作成することで、少なくともシャドウ効果を得ることができることがわかりました。

しかし、ポジショニングはまだ台無しです。左 0px と上 0px で、影はテキストの半行下に配置されます。それ以外の場合、影の部分はページ全体に広がっています。

0 投票する
1 に答える
303 参照

modernizr - modernizr.js に関するちょっとした質問

www.modernizr.com プロジェクトを自分のサイトに使用したいのですが、ちょっとした質問があります。modernizr.js の最初の部分にあるコメントは、次のことを教えてくれます。

Modernizr は、現在の UA で利用可能なネイティブ CSS3 および HTML5 機能をテストし、その結果を 2 つの方法で利用できるようにします: グローバルな Modernizr オブジェクトのプロパティとして、および html 要素のクラスとして。この情報により、エクスペリエンスをきめ細かく制御して、ページを段階的に強化できます。

では、「html 要素のクラスとして」とはどういう意味ですか? 私はそれをテストし、ドキュメントでヘッダー要素 (HTML5) を使用し、css を介して操作しました。その後、IE6で開いてみると……はい、正しく表示されました!

だから:ヘッダーはhtmlのクラスではなく、htmlの「要素」だと思いました!? それで、modenizr.js のこのコメントは正しいですか?

私のちょっとした(あるいは理解しにくいかもしれない)質問を理解していただければ幸いです:)

よろしく

0 投票する
2 に答える
762 参照

html - 近代化ガイド

だれかがよい Modernizr ガイドを知っているかどうか知りたかったのですが、それがどのように機能するかを理解するのに苦労しています。スクリプトと多田をロードするだけではないことはわかっています。ですから、誰かが私に良いガイドを教えてくれるなら、それは大歓迎です.

0 投票する
1 に答える
453 参照

javascript - Modernizrを使用してinput:focus、input:activeのスタイルを設定する

Modernizrを使用してIE7/8(これらのプロパティをサポートしていない)でinput:focusとinput:activeをテストしてスタイルを設定するにはどうすればよいですか?

それとも、基本的なJS / CSSを使用してこれを行う必要がありますか?これを行うための良い方法は何でしょうか?

0 投票する
1 に答える
303 参照

css - .lessを使用するWebサイトは、Safari / FF /およびその他の最新のブラウザーでは正常にレンダリングされますが、IEではレンダリングされません

現在、.lesscssを使用してWebサイトを立ち上げています。最近のほとんどのブラウザではすべて正常に動作しますが、IE6/7/8/9では動作したくないだけです。

あなたは次のウェブサイトを見つけることができます:http://diejongens.com/home

どんな助けでも大歓迎です!

0 投票する
2 に答える
16264 参照

media-queries - Modernizrを使用してメディアクエリが存在するかどうかを検出する方法

Modernizr 2を使用してメディアクエリが存在するかどうかを検出し、必要に応じてrespond.jsにロードしようとしています。

これをscript.jsファイルに入れました...

私は何が間違っているのですか?Modernizrサイトのメディアクエリでこれを行う方法の例がないことに本当に驚いています。これが私が使用しているModernizrのバージョンです...

http://www.modernizr.com/download/#-backgroundsize-borderradius-boxshadow-iepp-respond-mq-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load

0 投票する
2 に答える
429 参照

jquery - Google Analyticsを使用してHTML5ブラウザ機能(modernizr)を追跡するにはどうすればよいですか?

私は、ユーザーのブラウザー機能に基づいてサイトのスタイルを設定するために、しばらくの間Modernizrを使用しています。私もしばらくの間GoogleAnalyticsを使用していますが、カスタム変数を使用したことはあまりありません。

基本的に、これら2つの機能を組み合わせたいと思います。ユーザーのブラウザがサポートしている機能をGoogleに報告したいと思います。Googleアナリティクスでは、たとえば、ユーザーの何パーセントがSVGをサポートするブラウザーを使用しているか、柔軟なボックスをサポートしているのかを確認したいと思います。

この問題にどのように取り組むべきですか?Googleが自由に使えるカスタム変数の数が非常に限られていることを知っています。本文のすべての最終クラスを文字列に入れて、それを1つのカスタム変数として投稿した場合、Google内でデータを適切にセグメント化できますか?

アイデアや洞察をありがとう。