問題タブ [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.
css - modernizr JavaScript ライブラリを使用した記事の HTML5 タグのスタイリングに関する問題
modernizr スクリプトで発生している厄介な問題です。このスクリプトは、Internet Explorer が新しい HTML 5 タグのスタイルを設定できるようにするためのものですが、私のコードではヘッダー タグはスタイル設定されていますが、アーティクル タグはスタイル設定されていません。「article」という ID の DIV を使用してスタイルを適用すると、それらが表示されるので、記事タグに対して modernizr が機能しないように見えますか? これをテストするためにIE 8を使用しています。
forms - HTML5 フォーム フィールドの検証に適したクライアント側のフォールバックは何ですか?
html5 フォームを完全に実装していないブラウザー (Modernizr、YepNope、Jquery validate を含むソリューションなど) のフォールバックに関するさまざまな提案を見てきましたが、効果的に機能させることはできませんでした。
基本的に、Modernizr と JQuery の datepicker を使用して取得した datepicker を追加することとは別に、すべてのブラウザーで検証を機能させるだけで済みます (主な優先事項は電子メールの検証です)。
Chrome と FF はすべてネイティブに動作するように見えますが、驚くことに Safari は適切なメール アドレスがなくても検証します。IEも明らかにそれをサポートしていません
合理的に簡単なフォールバック (おそらく Modernizr 経由) を手伝ってくれる人はいますか?
ありがとう
jquery - Modernizr に基づくさまざまな方法: クリックとホバー
Modernizr のタッチ/ノータッチ出力に基づいて、.mouseover イベントと .click イベントのどちらかを選択できるようにしたいと考えています。
しかし、私はそのすべてを二度書きたくありません。私が呼び出すことができるように何かを定義することは可能ですか:
javascript - Modernizr ヘルプ?
modernizr を自分の Web サイトで動作させることができないようです。JavaScriptファイルをフォルダーに追加して呼び出しました。また、no-js を html に追加しましたが、まだ何も追加していません。
ソースを表示すると、必要なように html が読み込まれません。
私はまだcss3要素に使用していないので、フォールバックスタイルは必要ありません。ヘッダー、ナビゲーション、フッターなどのより意味のあるタグを使用できるようにしたいだけです...
これは私の文書コードです:
jquery - html5フォーム検証modernizrsafari
これは実際の例です:http: //jsfiddle.net/trustweb/sTSMW/
サファリ5.05を使用してエラーに気づきました
html5ページのようにフォームを設定し、modernizrがテストに失敗した場合に、jqueryで機能を補充した場合:
他のブラウザ(Firefox、Chrome、Opera)では、ブラウザがフォームを検証します
つまり、jqueryは検証関数を置き換えます
サファリでは機能しません。html5の互換性をテストしている間、modernizrはtrueを返すようです。
javascript - javascript-連結と配列値を使用したドット表記の関数
問題は次の行にあることを私は知っています:「if(Modernizr+"。"+modernizr_fields [i])」は常に「true」と評価されているため
私の構文を手伝ってください。
css - 複数の css3 スタイルを使用する css クラスで modernizr を使用していますか?
css3 をサポートしないブラウザー用の代替スタイルを作成するために modernizr を使用しています。それはうまく機能しますが、複数の css3 スタイルを使用する css クラスのソリューションは見つかりませんでした。
例 1:
ここでの問題は、ブラウザが box-shadow をサポートしていても、border-radius をサポートしていない場合に問題が発生することです。この場合、両方のボタンが box-shadow を使用し、border-radiusを無視し、no-borderradius クラスを背景画像に適用します。2 つのフォールバックを作成することで解決できました。
例 2:
ここでの問題は、ブラウザーが border-radiusとbox-shadow をサポートしていない場合、要素のスタイル設定に両方のクラスが使用されることです。
html - モバイル ブラウザーで HTML 5 セマンティック タグのサポートを検出する方法はありますか?
モバイル ブラウザーでHTML 5セマンティックタグのサポートを検出する方法はありますか?
次のようなタグ:
<section>
, <nav>
, <article>
, <aside>
, <hgroup>
, <header>
_<footer>
m.facebook.com と touch.facebook.com のような 2 つのバージョンのモバイル Web サイトを作成しており、サポートされているモバイルにリダイレクトしたいと考えています。タッチ バージョンでは、HTML 5 タグを使用しています。
たとえば、Android 1.6 は HTML5 をサポートしておらず、まだ使用されています。したがって、すべての Android 1.6 デバイスを touch.mobileversion.com ではなく m.mobileversion.com にリダイレクトしたいと考えています。
javascript - Modernizr2.0ベータ版での@mediaクエリのサポートを検出する
Modernizr 2.0ベータ版には、@ mediaクエリのブラウザサポートを検出する方法がありますか?
Modernizr 1.7では、を使用してテストできModernizr.mq('(min-width)')
ましたが、新しいバージョンではその機能が欠落しているようです。同等のものはありますか?