index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Autopolyfiller — Precise polyfills</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="http://azproduction.ru/autopolyfiller/images/favicon.ico"/>
<meta name="description" content="Autopolyfiller — Precise polyfills"/>
<meta property="og:title" content="Autopolyfiller — Precise polyfills"/>
<meta property="og:description" content="It scans your code and finds only required polyfills"/>
<meta property="og:image" content="http://azproduction.ru/autopolyfiller/images/autopolyfiller.jpg"/>
<meta property="og:type" content="website"/>
<link rel="stylesheet" href="example_assets/index.css"/>
</head>
<body>
<header>
<h1 class="main-title"><img src="images/autopolyfiller.min.svg" class="main-title__image"/> Autopolyfiller — Precise polyfills</h1>
</header>
<section>
<h2>
<label for="code">Code</label>
</h2>
<textarea id="code" placeholder="Your scripts" autocomplete="off">Object.assign.bind(Object, {}, {});
"".trim();
function timeout(time) {
return new Promise(function (fulfill) {
setTimeout(fulfill, time);
});
}
[{a: 1}, {b: 2}, {c: 3}].map(Object.keys);
window['atob']bind(null, this.btoa.call(null, '1'))();
</textarea>
<h2>
<label for="browsers">Browsers (optional)</label>
</h2>
<textarea id="browsers" class="_small" placeholder="Autoprefixer style list of browsers">> 1%, last 2 versions, Firefox ESR, Opera 12.1</textarea>
<button id="generate" title="Generate"></button>
<h2>Required polyfills</h2>
<ul id="polyfills"></ul>
<h2>Polyfills code</h2>
<p>It is not yet implemented in demo mode, but you can install <a href="https://www.npmjs.org/package/autopolyfiller">Autopolyfiller</a> and try it yourself.</p>
<pre><code>$ npm i autopolyfiller -g
$ autopolyfiller js/**/*.js</code></pre>
</section>
<section class="social-share">
<script src="//yastatic.net/share/share.js" async></script>
<div class="yashare-auto-init"
data-yashareL10n="en"
data-yashareQuickServices="facebook,twitter,gplus"
data-yashareTheme="counter"
data-yashareDescription="It scans your code and finds only required polyfills"
data-yashareImage="http://azproduction.ru/autopolyfiller/images/autopolyfiller.jpg"
></div>
</section>
<a href="https://github.com/azproduction/autopolyfiller"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<script src="example_assets/index.browserify.js"></script>
<script>(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter20918182 = new Ya.Metrika({id:20918182, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/20918182" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</body>
</html>