docs: update browser support (#21606)

PR Close #21606
This commit is contained in:
Judy Bogart 2018-01-17 12:56:04 -08:00 committed by Alex Rickabaugh
parent 0846784b98
commit 1940b18124
1 changed files with 16 additions and 80 deletions

View File

@ -2,7 +2,6 @@
Angular supports most recent browsers. This includes the following specific versions:
<table>
<tr>
@ -52,7 +51,7 @@ Angular supports most recent browsers. This includes the following specific vers
</td>
<td>
14
2 most recent major versions
</td>
<td>
@ -60,11 +59,11 @@ Angular supports most recent browsers. This includes the following specific vers
</td>
<td>
10
2 most recent major versions
</td>
<td>
10
2 most recent major versions
</td>
<td>
@ -88,7 +87,7 @@ Angular supports most recent browsers. This includes the following specific vers
</td>
<td>
13
</td>
<td>
@ -96,11 +95,11 @@ Angular supports most recent browsers. This includes the following specific vers
</td>
<td>
9
</td>
<td>
9
</td>
<td>
@ -132,11 +131,11 @@ Angular supports most recent browsers. This includes the following specific vers
</td>
<td>
8
</td>
<td>
8
</td>
<td>
@ -149,42 +148,6 @@ Angular supports most recent browsers. This includes the following specific vers
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
7
</td>
<td>
7
</td>
<td>
Jelly Bean<br>(4.1, 4.2, 4.3)
</td>
<td>
</td>
</tr>
</table>
<div class="l-sub-section">
@ -219,21 +182,17 @@ the CLI created with your project.
This file incorporates the mandatory and many of the optional polyfills as JavaScript `import` statements.
The npm packages for the _mandatory_ polyfills (such as `zone.js`) were installed automatically for you when you created your project and
their corresponding `import` statements are ready to go.
You probably won't touch these.
The npm packages for the _mandatory_ polyfills (such as `zone.js`) were installed automatically for you when you created your project and their corresponding `import` statements are ready to go. You probably won't touch these.
But if you need an optional polyfill, you'll have to install its npm package with `npm` or `yarn`.
For example, [if you need the web animations polyfill](http://caniuse.com/#feat=web-animation),
you could install it with either of the following commands:
For example, [if you need the web animations polyfill](http://caniuse.com/#feat=web-animation), you could install it with either of the following commands:
<code-example language="sh" class="code-shell">
npm install --save web-animations-js
yarn add web-animations-js
</code-example>
Then open the `polyfills.ts` file and un-comment the corresponding `import` statement
as in the following example:
Then open the `polyfills.ts` file and un-comment the corresponding `import` statement as in the following example:
<code-example title="src/polyfills.ts">
/**
@ -243,7 +202,7 @@ as in the following example:
import 'web-animations-js'; // Run `npm install --save web-animations-js`.
</code-example>
If you can't find the polyfill you want in `polyfills.ts`,
If you can't find the polyfill you want in `polyfills.ts`,
add it yourself, following the same pattern:
1. install the npm package
@ -281,7 +240,6 @@ These are the polyfills required to run an Angular application on each supported
</td>
<td>
[ES7/reflect](guide/browser-support#core-es7-reflect) (JIT only)
</td>
@ -294,8 +252,6 @@ These are the polyfills required to run an Angular application on each supported
</td>
<td>
[ES6](guide/browser-support#core-es6)
</td>
@ -308,10 +264,7 @@ These are the polyfills required to run an Angular application on each supported
</td>
<td>
[ES6<br>classList](guide/browser-support#classlist)
</td>
</tr>
@ -323,8 +276,7 @@ These are the polyfills required to run an Angular application on each supported
Some features of Angular may require additional polyfills.
For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today.
You'll need a polyfill to use animations in other browsers.
For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today. You'll need a polyfill to use animations in other browsers.
Here are the features which may require additional polyfills:
@ -350,20 +302,17 @@ Here are the features which may require additional polyfills:
<tr style="vertical-align: top">
<td>
[JIT compilation](guide/aot-compiler).
[JIT compilation](guide/aot-compiler).
Required to reflect for metadata.
</td>
<td>
[ES7/reflect](guide/browser-support#core-es7-reflect)
</td>
<td>
All current browsers.
Enabled by default.
Can remove If you always use AOT and only use Angular decorators.
All current browsers. Enabled by default.
Can remove if you always use AOT and only use Angular decorators.
</td>
</tr>
@ -371,13 +320,10 @@ Here are the features which may require additional polyfills:
<tr style="vertical-align: top">
<td>
[Animations](guide/animations)
</td>
<td>
[Web Animations](guide/browser-support#web-animations)
</td>
@ -390,13 +336,10 @@ Here are the features which may require additional polyfills:
<tr style="vertical-align: top">
<td>
If you use the following deprecated i18n pipes: [date](api/common/DeprecatedDatePipe), [currency](api/common/DeprecatedCurrencyPipe), [decimal](api/common/DeprecatedDecimalPipe) and [percent](api/common/DeprecatedPercentPipe)
</td>
<td>
[Intl API](guide/browser-support#intl)
</td>
@ -409,13 +352,10 @@ Here are the features which may require additional polyfills:
<tr style="vertical-align: top">
<td>
[NgClass](api/common/NgClass) on SVG elements
</td>
<td>
[classList](guide/browser-support#classlist)
</td>
@ -428,12 +368,10 @@ Here are the features which may require additional polyfills:
<tr style="vertical-align: top">
<td>
[Http](guide/http) when sending and receiving binary data
</td>
<td>
[Typed&nbsp;Array](guide/browser-support#typedarray)<br>
[Blob](guide/browser-support#blob)<br>
[FormData](guide/browser-support#formdata)
@ -474,7 +412,6 @@ Below are the polyfills which are used to test the framework itself. They are a
<tr>
<td>
<a id='core-es7-reflect' href="https://github.com/zloirock/core-js/blob/master/es7/reflect.js">ES7/reflect</a>
</td>
@ -603,7 +540,6 @@ Below are the polyfills which are used to test the framework itself. They are a
</table>
\* Figures are for minified and gzipped code,
computed with the <a href="http://closure-compiler.appspot.com/home">closure compiler</a>.