Modernizr
v3.13.1
このファイルをポルトガル語でお読みください
ここでインドネシア語でこのファイルを読んでください
このファイルをここでスペイン語で読んでください
このファイルをここでスウェーデン語でお読みください
ここでタミル語でこのファイルを読んでください
ここでカンナダのこのファイルを読んでください
ここでこのファイルをヒンディー語でお読みください
当社のウェブサイトは時代遅れで壊れています。使用しないでください（https://modernizr.com）は、NPMからModernizrバージョンを構築してください。
ドキュメント
統合テスト
ユニットテスト
Native CSS3およびHTML5機能が現在のUAで利用可能であるModernizrテストは、グローバルModernizrオブジェクトのプロパティとして、および<html>要素のクラスとして、2つの方法で結果を利用可能にします。この情報を使用すると、エクスペリエンスを粒度のあるレベルの制御でページを徐々に強化できます。
ノードバージョンのサポートのドロップ<= 10、少なくともバージョン12にアップグレードしてください
次のテストは名前が付けられました：
es6classへのclassサブディレクトリで次のテストが移動しました。
cookies 、 indexeddb 、 indexedblob 、 quota-management-api 、 userdataストレージサブディレクトリに移動しましたaudioはオーディオサブディレクトリに移動しましたbatteryバッテリーサブディレクトリに移動しましたcanvas 、 canvastextはCanvasサブディレクトリに移動しましたcustomevent 、 eventlistener 、 forcetouch 、 hashchange 、 pointerevents 、 proximityイベントサブディレクトリに移動しましたexiforientation画像サブディレクトリに移動しましたcapture 、 fileinput 、 fileinputdirectory 、 formatattribute 、 input 、 inputnumber-l10n 、 inputsearchevent 、 inputtypes 、 placeholder 、 requestautocomplete 、 validation input sub-directoryに移動しましたsvg SVGサブディレクトリに移動しましたwebgl WebGLサブディレクトリに移動しました次のテストが削除されました：
touchevents ：ディスカッションunicode ：ディスカッションtemplatestrings ：ES6の複製stringtemplateを検出しますcontains ：ES6検出es6stringの複製datalistelem ：Modernizr.input.listのdupe 多くの場合、非同期検査がいつ行われたかを知りたいと思うように、アプリケーションがそれに反応できるようにします。過去には、プロパティまたは<html>クラスを見ることに頼らなければなりませんでした。非同期テストのイベントのみがサポートされています。同期テストは、速度を改善し、一貫性を維持するために同期的に処理する必要があります。
新しいAPIは次のようになります：
// Listen to a test, give it a callback
Modernizr . on ( "testname" , function ( result ) {
if ( result ) {
console . log ( "The test passed!" ) ;
} else {
console . log ( "The test failed!" ) ;
}
} ) ;私たちはあなたの関数を一度だけ呼び出すことを保証します（あなたがon時間ごとに）。現在、 trigger機能を公開する方法を公開していません。代わりに、非同期テストを制御したい場合は、 src/addTest機能を使用し、設定したテストはすべてのonを自動的に公開してトリガーします。
npm installでプロジェクト依存関係をインストールしますModernizrは、NPMを介してプログラムで使用できます。
var modernizr = require ( "modernizr" ) ;カスタムモダンビルドを生成するためにbuildメソッドが公開されます。例：
var modernizr = require ( "modernizr" ) ;
modernizr . build ( { } , function ( result ) {
console . log ( result ) ; // the build
} ) ;最初のパラメーターには、オプションのJSONオブジェクトと機能検出が含まれます。利用可能なすべてのオプションについてはlib/config-all.json参照してください。
2番目のパラメーターは、タスクの完了時に呼び出される関数です。
また、Modernizrを構築するためのコマンドラインインターフェイスも提供しています。利用可能なすべてのオプションを表示するには：
./bin/modernizrまたは、 'config-all.json'ですべてを生成するには、npmでこれを実行します。
npm start
//outputs to ./dist/modernizr-build.jsコンソールの実行でMocha-Headless-Chromeを使用してテストを実行するには：
npm testまた、このコマンドで選択したブラウザでテストを実行することもできます。
npm run serve-gh-pagesこれらの2つのURLに移動します。
http://localhost:8080/test/unit.html
http://localhost:8080/test/integration.htmlこのセクションでは、Modernizrをさまざまなビルドツールとフレームワークと統合する方法に関するガイダンスを提供し、プロジェクトでの使用を容易にします。
ModernizrをWebpackと統合するには、次の手順に従ってください。
Modernizrをインストール：
npm install modernizr --save Modernizr構成ファイルを作成します。プロジェクトルートでmodernizr-config.jsという名前のファイルを作成します。
module . exports = {
"feature-detects" : [
"test/feature1" ,
"test/feature2" ,
// Add more feature detects as needed
]
} ; WebPack構成の更新：WebPack構成ファイル（ webpack.config.jsなど）を変更して、Modernizrプラグインを含めます。
const ModernizrWebpackPlugin = require ( 'modernizr-webpack-plugin' ) ;
module . exports = {
// Other configurations...
plugins : [
new ModernizrWebpackPlugin ( {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} )
]
} ;プロジェクトの構築：Webpackビルドプロセスを実行します：
npm run buildGulpを使用している場合は、Modernizrを次のように統合できます。
Modernizrをインストール：
npm install modernizr --save-dev Gulpタスクを作成する： gulpfile.jsで、タスクを追加してModernizrを作成します。
const gulp = require ( 'gulp' ) ;
const modernizr = require ( 'modernizr' ) ;
gulp . task ( 'modernizr' , function ( ) {
return modernizr . build ( {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} ) . pipe ( gulp . dest ( 'dist/' ) ) ;
} ) ;Gulpタスクを実行します：タスクを実行してModernizrビルドを生成します。
gulp modernizr小包を使用したプロジェクトの場合、Modernizrを次のように統合できます。
Modernizrをインストール：
npm install modernizr --save Modernizr構成ファイルの作成：WebPackセットアップと同様に、 modernizr-config.jsファイルを作成します。
module . exports = {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} ;小包構成の更新： parcel-plugin-modernizrなどのプラグインを使用して、Modernizrを統合できます。
npm install parcel-plugin-modernizr --save-devプロジェクトの構築：小包を実行してプロジェクトを構築します。
parcel build index.htmlModernizrをビルドツールと統合すると、ユーザーのブラウザの機能を検出および応答できるようにすることで、Webアプリケーションを強化できます。上記の手順に従って、希望するビルドツールを使用してModernizrをセットアップします。
詳細については、Modernizrのドキュメントを参照してください。
このプロジェクトは、オープンな行動規範に準拠しています。参加することで、このコードを尊重することが期待されます。
MITライセンス
