Putty スクリプト (ポリフィル) は、これまでになかった機能をブラウザーに提供できる JavaScript コードの一部を指します。現在、ほぼすべての CSS3 および HTML5 関数には、ビデオ再生やシャドウを含む、対応するパテ スクリプトが含まれているため、年をとりすぎて歩けなくなった「老人」も若さの光で輝くことができます。
Paul Irish は、Putty スクリプトの完全なリストを次の場所で管理しています: https://github.com/modernizr/modernizr/wiki/html5-cross-browserpolyfills
Putty スクリプトをページに追加するには、まずそれをダウンロードして保存する必要がありますWeb サイト上のフォルダーにあります。このためにヘルパーフォルダーを作成しました。次に、
<script type="text/javascript" src="helpers/selectivizr.js"></script>
ページの
タグに putty スクリプトが必要かどうかを判断するにはどうすればよいですか?すべての人が Modernizr を使用することをお勧めします。Modernizr (http://modernizr.com) は、ユーザーのブラウザによる HTML5 および CSS3 機能のサポートを検出し、トップレベルの タグに一連のクラスを追加するのに役立つ JavaScript ファイルです。ブラウザ どのような機能がサポートされていますか?さらに、JavaScript オブジェクト modernizr のプロパティを設定するため、JavaScript を介してこれらの機能をテストできます。 Modernizr によって追加されたクラスは、主に CSS の利便性を提供します。
html5shiv.js (http://code.google.com/p/html5shiv): IE8 以前のバージョンの IE でセクション、記事、ナビゲーションなどの HTML5 要素を認識できるようにします。
selectivizr (http://www.selectivizr.com): IE (6/7/8) で ::firstchild などの高度な CSS セレクターをサポートします。
IE9.js (http://code.google.com/p/ie7-js): IE6 から IE9 までの多くのバグと欠落している機能を修正しました。
CSS3Pie (http://css3pie.com): IE6 から IE9 で、角丸、背景グラデーション、境界線イメージ、ボックス シャドウ、RGBa カラーなどのビジュアル CSS3 機能をサポートします。
Respond.js (https://github.com/scottjehl/respond) を使用すると、古いブラウザでメディア クエリをサポートできます。
-prefix-free (http://lea.verou.me/projects) ベンダープレフィックスを必要とする CSS3 宣言にプレフィックスを付けます (第 4 章を参照)。
borderBoxModel.js (https://github.com/albertogasparin/borderBoxModel): IE6 と IE7 が CSS3 のボックス サイズ プロパティをサポートできるようにします。