5 lines
13 KiB
JSON
5 lines
13 KiB
JSON
|
{
|
||
|
|
"id": "guide/browser-support",
|
||
|
|
"title": "Browser support",
|
||
|
|
"contents": "\n\n\n<div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/aio/content/guide/browser-support.md?message=docs%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n</div>\n\n\n<div class=\"content\">\n <h1 id=\"browser-support\">Browser support<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/browser-support#browser-support\"><i class=\"material-icons\">link</i></a></h1>\n<p>Angular supports most recent browsers. This includes the following specific versions:</p>\n<table>\n <tbody><tr>\n <th>Browser</th>\n <th>Supported versions</th>\n </tr>\n <tr>\n <td>Chrome</td>\n <td>latest</td>\n </tr>\n <tr>\n <td>Firefox</td>\n <td>latest and extended support release (ESR)</td>\n </tr>\n <tr>\n <td>Edge</td>\n <td>2 most recent major versions</td>\n </tr>\n <tr>\n <td>IE</td>\n <td>\n 11<br>\n <em>*deprecated, see the <a href=\"guide/deprecations#internet-explorer-11\">deprecations guide</a></em>\n </td>\n </tr>\n <tr>\n <td>Safari</td>\n <td>2 most recent major versions</td>\n </tr>\n <tr>\n <td>iOS</td>\n <td>2 most recent major versions</td>\n </tr>\n <tr>\n <td>Android</td>\n <td>Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)</td>\n </tr>\n</tbody></table>\n<div class=\"alert is-helpful\">\n<p>Angular's continuous integration process runs unit tests of the framework on all of these browsers for every pull request,\nusing <a href=\"https://saucelabs.com/\">Sauce Labs</a> and\n<a href=\"https://www.browserstack.com/\">BrowserStack</a>.</p>\n</div>\n<h2 id=\"polyfills\">Polyfills<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/browser-support#polyfills\"><i class=\"material-icons\">link</i></a></h2>\n<p>Angular is built on the latest standards of the web platform.\nTargeting such a wide range of browsers is challenging because they do not support all features of modern browsers.\nYou compensate by loading polyfill scripts (\"polyfills\") for the browsers that you must support.\nThe <a href=\"guide/browser-support#polyfill-libs\">table below</a> identifies most of the polyfills you might need.</p>\n<div class=\"alert is-important\">\n<p>The suggested polyfills are the ones that run full Angular applications.\nYou may need additional polyfills to support features not covered by this list.\nNote that polyfills cannot magically transform an old, slow browser into a modern, fast one.</p>\n</div>\n<p>In Angular CLI version 8 and higher, applications are built using <em>differential loading</em>, a strategy where the CLI builds two separate bundles as part of your deployed application.</p>\n<ul>\n<li>\n<p>The first bundle contains modern ES2015 syntax, takes advantage of built-in support in modern browsers, ships less polyfills, and results in a smaller bundle size.</p>\n</li>\n<li>\n<p>The second bundle contains code in the old ES5 syntax, along with all necessary polyfills. This results in a larger bundle size, but supports older browsers.</p>\n</li>\n</ul>\n<p>This strategy allows you to continue to build your web application to support multiple browsers, but only load the necessary code that the browser needs.\nFor more information about how this works, see <a href=\"guide/deployment#differential-loading\">Differential Loading</a> in the <a href=\"guide/deployment\">Deployment guide</a>.</p>\n<h2 id=\"enabling-polyfills-with-cli-projects\">Enabling polyfills with CLI projects<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/browser-support#enabling-polyfills-with-cli-projects\"><i class=\"material-icons\">link</i></a></h2>\n<p>The <a href=\"cli\">Angular CLI</a> provides support for polyfills.\nIf you are not using the CLI to create your projects, see <a href=\"guide/browser-support#non-cli\">Polyfill instructions for non-CLI users</a>.</p>\n<p>When you create a project with
|
||
|
|
}
|