-2

Web サイトで modernizr.js を使用したいと考えています。それはどのように機能しますか？他のjsファイルとどのように通信しますか? どのように使用できますか？

PhoneGap を使用したモバイル アプリケーション開発では機能しますか?

4

2 に答える 2

1

Modernizr はページの読み込み時にすばやく実行され、機能を検出します。次に、結果を使用して JavaScript オブジェクトを作成し、CSS をキーオンするためのクラスを html 要素に追加します。Modernizr は多数のテストをサポートし、オプションで、外部の .js および .css リソースを条件付きで読み込むための YepNope.js を含めます。

はい、phonegap で動作します。通常、modernizr が行うことは、「ブラウザ」に特定のプロパティがあるかどうかを確認し、クラスを html タグに適用することです。そのため、問題の機能をサポートするブラウザーとサポートしないブラウザーのスタイルを作成できます。

例えば

cssmasks .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-color: #ffcc33;
    display: inline-block;
}
.no-cssmasks .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: inline-block;
    background-image: url('http://i.cubeupload.com/VvBVjp.png'); 
}
.cssmasks .icon-note{
    -webkit-mask-image: url('http://i.cubeupload.com/VvBVjp.png'); 
}
于 2013-02-05T06:41:00.803 に答える
0

私の知る限り、サポートしていないブラウザーでは主に HTML5 または CSS3 に使用されます。

Modernizr は、次世代の Web テクノロジ (HTML5 および CSS3 仕様に由来する機能) のネイティブ実装の可用性を検出する小さな JavaScript ライブラリです。これらの機能の多くは、少なくとも 1 つの主要なブラウザー (ほとんどは 2 つ以上のブラウザー) に既に実装されており、Modernizr が行うことは、非常に簡単に言えば、現在のブラウザーにこの機能がネイティブに実装されているかどうかを示すことです。

このリンクをチェックしてください - http://modernizr.com/docs/#whatis

于 2013-02-05T06:37:02.107 に答える