問題タブ [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 投票する
2 に答える
2598 参照

html - ブラウザが理解できないCSSを無視するのに、なぜModernizrを使用するのですか?

私はModernizrと協力してきましたが、これは素晴らしいリソースであり、素晴らしいプロジェクトです。しかし、私がそれを使用している方法は次のとおりです。

  • ベースライン(IE)CSSを使用した設計
  • 高度なブラウザ向けのCSS3エフェクトで強化

動作に基づいてスタイルを完全に置き換える場合を除いて、ボックスシャドウ、グラデーション、境界線の半径などのスタイルをスタイルシートに追加しないのはなぜですか?ブラウザがルールを理解していない場合、それは無視されますよね?また、JavaScriptがオフの場合、とにかく使用できません。

通常の場合は上記の方法を使用し、高度な場合はModernizrを使用する必要がありますか?それとも、ブラウザが理解できないことを無視することに依存することに何か問題がありますか?

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

javascript - modernizrは、webforms2.0の新しい入力属性のサポートをどのようにチェックしますか?

まあ、それはほとんど私の質問全体です。彼らがCSS3のサポートをチェックする方法、フェッチしようとする方法style.borderRadiusなどを確認して、ブラウザーが何が起こっているのかを認識しているかどうかを確認できます。しかし、ほとんどのブラウザは属性をそのままにしておくことができますが(<input type="date">)、それでも完全にはサポートされていないため、どのように魔法を使うのか理解できません。

0 投票する
3 に答える
31322 参照

html - HTML5shiv vs Dean Edwards IE7-js vs Modernizr - どちらを選ぶべきか?

初めての HTML5 サイトの構築を検討しており、IE での作業を検討しています。

html5shiv、Dean Edwards ie7-js、そして Modernizr があります。これらはすべてほぼ同じですか?どのルートに行こうか迷っています。

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

javascript - PC で JavaScript を介して Cleartype が有効になっているかどうかを検出できますか?

一部の @font-face フォントは、cleartype 以外の設定では適切に再生されません (エッジが途切れ途切れになります)。

cleartype がオフの場合、CSS でこれを使用できるように、javascript を介してこれを検出し、body に modernizr スタイルのクラスを追加できるようにする方法はありますか?

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

javascript - JavascriptMVC+Modernizrでスタイル設定されていないhtml5コンテンツ

ModernizrとJavascriptMVCを使用しています。
Modernizrはヘッドセクションにあります。
<script src="./resources/js/modernizr-1.6.min.js"></script>

そして、体を閉じる前に盗む:
<script type='text/javascript' src='../steal/steal.js?formcms,development'></script>

次のようにコントローラーにhtml5コンテンツを追加すると、 $('body').append(this.view('header'))
スタイルが設定されません。
JavascriptMVCのビューにhtml5要素を追加した後にスタイルを設定するための解決策はありますか?IE6を使用しています。

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

javascript - 「未定義」パラメーターを持つ JavaScript 関数

Modernizr のソース コードを調べてみると、奇妙なことがわかりました。

その後、この関数は 2 つの引数 ( this, this.document) で呼び出されます。

なぜundefinedここで使われるのですか?それは意味がありますか、それとも奇妙なコードスタイルですか?

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

javascript - ユーザー エージェント テストの代わりに機能検出を使用して IE6 をテストする

Modernizr ライブラリで html5boilerplate を使用しています。私のアプリケーションは jQuery を使用して構築されています。Modernizr と jQuery の両方に機能検出機能が組み込まれていますが、Modernizr の方がより完全であると理解しています。jQuery を使用する正当な理由がない限り、機能検出には Modernizr を使用する予定です。

私のアプリケーションは、最新のブラウザー (IE7+、Firefox、Chrome、Safari、新しい Opera など) でのみ動作するように意図されていますが、IE6 でもある程度動作します。ユーザーが IE6 などの古いブラウザを使用している場合、大きな太った警告が表示されるようにしたいと思います。また、Chrome またはその他の HTML5 準拠のブラウザーをまだ使用していない場合は、それらにアップグレードするための「提案」を表示したいと思います。

ユーザー エージェント テストを使用したくありません。

  • ユーザーが IE6 を使用しているかどうかを判断するためにテストする必要がある特定の機能のリストはありますか?
  • ユーザーがかなり準拠した HTML5 ブラウザ (Chrome、Safari、IE9 など) でブラウジングしているかどうかを判断するためにテストする必要がある特定の機能のリストはありますか?
0 投票する
1 に答える
1361 参照

templates - Modernizr を使用するウェブサイト/ウェブページ テンプレート?

Modernizr を効果的に使用する Web サイトまたは Web ページ テンプレートを探しています。私は ThemeForest のいくつかを見ましたが、Modernizr がどこに影響を与えているのかわかりませんでした。実際、Modernizr js ファイルの読み込みを無効にすると、Web ページは同じように機能しました。

機能と機能なしのクラスを持つテンプレートを探しています。「機能」は、html5 または css3 の機能です。

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

javascript - ページの上部に余分な空白が生成されましたか?

これは私が抱えている非常に奇妙なバグです。私はModernizerを使用しており、トラブルシューティングをたくさん行った後、Modernizerに絞り込んで、この大きな空白のブロックを生成しました。

'localhost'を介してローカルサーバー上のサーバーを確認し、この空白を取得できます ローカルホスト

同じブラウザで同じチェックを実行しますが、代わりにWAN IPを使用して、異なる空白を取得します。それは本当に奇妙です。 WAN

リンク:ここでチェックできます:http: //184.161.181.41 :8888 /

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

javascript - html5入力タイプ番号:スピンボックスかどうかを検出します(他の機能はありません)

Webkitブラウザーでは、input [type=number]にはスピンボックスコントロールがあります。

Webkitブラウザのスピンボックスコントロール

ただし、Safariは、数字のみを入力するように強制するなど、他のinput [type=number]ルールには準拠していません。したがって、ModernizrはSafariがinput [type=number]をサポートしていないことを検出します。

数値入力の幅には特にニーズがあります。スピンボックスがある場合は幅を2.7emにし、それがない場合(Firefoxのように)、幅は1.7emで十分です。したがって、ChromeとFirefoxはどちらも問題なく表示されます。しかし、Safariはスピンボックスを配置しますが、他のルールには従わないため、1.7emの幅を取得し、次のようになります。

Safariでの数値入力

スピンボックスコントロールがあるかどうかだけが気になります。Safariが無視している他のinput[type=number]ルールは気にしません。Safariは私が気にかけている唯一のルールで遊んでいます。どうすればそれを検出できますか?