Putty script, Putty
Polyfill refers to a piece of JavaScript code that can give the browser functionality that has never been used. Currently, almost all CSS3 and HTML5 functions have their own putty scripts, including video playback and shadow, so that the old "old guys" can also flash their youth.
Paul Irish maintains a complete list of putty scripts, address: https://github.com/modernizr/modernizr/wiki/html5-cross-browserpolyfills
To add a putty script to the page, download it and save it in a folder on the website. I created a helpers folder for this. Then, add
<script type="text/javascript" src="helpers/selectivizr.js"></script>
How can I determine whether a putty script is required? We recommend that you use Modernizr.
Modernizr (http://modernizr.com) is a JavaScript file that can help you detect your browser's support for HTML5 and CSS3 features, and then add a group of classes for top-level
Html5shiv. js (http://code.google.com/p/html5shiv): enables IE8 and earlier versions of IE to recognize HTML5 elements such as section, article, and nav. Selectivizr (http://www.selectivizr.com): To make IE (6/7/8) support: firstchild and other advanced CSS selector. IE9.js (http://code.google.com/p/ie7-js): fixes many bugs and missing features from IE6 to IE9. CSS3Pie (http://css3pie.com): allows IE6 to IE9 support corner, background gradient, border image, box shadow, RGBa color and other visual CSS3 functions. Respond. js (https://github.com/scottjehl/respond) allows older browsers to support media queries. -Prefix-free (http://lea.verou.me/projects) adds a prefix to the CSS3 declaration that requires a vendor prefix (See Chapter 4th ). BorderBoxModel. js (https://github.com/albertogasparin/borderBoxModel): enables IE6 and IE7 to support the box-sizing attribute of CSS3.