🚰 🧀 👸🏿 Webshims पॉलीफ़िल लाइब्रेरी का उपयोग कैसे करें 👊 🐠 🧀

यह लेख पोस्ट css-tricks.com/how-to-use-the-webshims-polyfill के अतिरिक्त के साथ एक अनुवाद है

यह लेख HTML5 पॉलीफ़िल लाइब्रेरी के बारे में बात करेगा, जिसे वेबस्माइम्स कहा जाता है और इसका उचित उपयोग किया जाता है।

वेब विकास में, पॉलीफ़िल्स वे स्क्रिप्ट होती हैं जो HTML5 या CSS3 विनिर्देशों का आंशिक रूप से अनुकरण करती हैं। लगभग कुछ भी पॉलीफ़िल के रूप में काम कर सकता है - एक जावास्क्रिप्ट पुस्तकालय जो इंटरनेट एक्सप्लोरर के पुराने संस्करणों (उदाहरण के लिए, सिलेविज़्र ) में CSS3 चयनकर्ता समर्थन जोड़ता है, या टैग का समर्थन करने के लिए फ्लैश तकनीक पर आधारित एक उच्च अंत समाधान है

</code> IE 6 (, <a href="https://github.com/etianen/html5media">html5media</a>). <b>. .</b> : HTML5? ? <anchor>habracut</anchor> , « html5», , . , IE6-8 , " " html5 ccs3. , - . <h4> Webshims.</h4> Webshims polyfill'. <a href="http://jquery.com/">jQuery</a> <a href="http://www.modernizr.com/">Modernizr</a>. . Webshims "" HTML5 , , canvas, , , . , — ? . , webshims , , . , , , , Firefox Chrome. , . <h4> Webshims</h4> JQuery Modernizr webshims. <source lang="html"> <script src="scripts/jquery-1.8.2.min.js"></script> <script src="scripts/modernizr-custom.js"></script> <script src="scripts/webshim/polyfiller.js"></script> </source> webshims , , , . <source lang="html"> <script> // $.webshims.polyfill(); </script> </source> <source lang="html"> <script> // canvas $.webshims.polyfill('forms canvas'); </script> </source> ! Webshims "" , . : <ul> <li>JSON-</li> <li>es5</li> <li></li> <li>canvas</li> <li></li> <li> </li> <li></li> <li></li> <li></li> </ul> <h4></h4> <code><video></code>. , webshims polyfill'. <source lang="html"> <!DOCTYPE html> <html> <head> <title>Video native</title> </head> <body> <video width="480" height="360" controls="controls"> <source src="Video.mp4" type="video/mp4"> <source src="Video.webm" type="video/webm">

</code> IE 6 (, <a href="https://github.com/etianen/html5media">html5media</a>). <b>. .</b> : HTML5? ? <anchor>habracut</anchor> , « html5», , . , IE6-8 , " " html5 ccs3. , - . <h4> Webshims.</h4> Webshims polyfill'. <a href="http://jquery.com/">jQuery</a> <a href="http://www.modernizr.com/">Modernizr</a>. . Webshims "" HTML5 , , canvas, , , . , — ? . , webshims , , . , , , , Firefox Chrome. , . <h4> Webshims</h4> JQuery Modernizr webshims. <source lang="html"> <script src="scripts/jquery-1.8.2.min.js"></script> <script src="scripts/modernizr-custom.js"></script> <script src="scripts/webshim/polyfiller.js"></script> </source> webshims , , , . <source lang="html"> <script> // $.webshims.polyfill(); </script> </source> <source lang="html"> <script> // canvas $.webshims.polyfill('forms canvas'); </script> </source> ! Webshims "" , . : <ul> <li>JSON-</li> <li>es5</li> <li></li> <li>canvas</li> <li></li> <li> </li> <li></li> <li></li> <li></li> </ul> <h4></h4> <code><video></code>. , webshims polyfill'. <source lang="html"> <!DOCTYPE html> <html> <head> <title>Video native</title> </head> <body> <video width="480" height="360" controls="controls"> <source src="Video.mp4" type="video/mp4"> <source src="Video.webm" type="video/webm">

आधुनिक ब्राउज़र इस वीडियो को सही ढंग से प्रदर्शित करेंगे, लेकिन इंटरनेट एक्सप्लोरर 6, 7, या 8 नहीं होगा।

अब हम एक उदाहरण के रूप में webshims पुस्तकालय को जोड़ देंगे। ध्यान दें कि कोड में कुछ और संपादित करना आवश्यक नहीं है।

 <!DOCTYPE html> <html> <head> <title>Video including polyfill</title> <script src="scripts/jquery-1.8.2.min.js"></script> <script src="scripts/modernizr-custom.js"></script> <script src="scripts/webshim/polyfiller.js"></script> <script> $.webshims.polyfill('mediaelement'); </script> </head> <body> <video width="480" height="360" controls="controls"> <source src="Video.mp4" type="video/mp4"> <source src="Video.webm" type="video/webm"> </video> </body> </html>

आधुनिक ब्राउज़र अंतर्निहित टैग समर्थन का उपयोग करेंगे

Webshims पॉलीफ़िल लाइब्रेरी का उपयोग कैसे करें

More articles: