From 9d3326caa7094f6523571a3a976a544368278210 Mon Sep 17 00:00:00 2001 From: Judy Bogart Date: Tue, 30 Jan 2018 12:56:20 -0800 Subject: [PATCH] docs: clarify npm/yarn commands, add blank lines to mix md/html in table (#21606) PR Close #21606 --- aio/content/guide/browser-support.md | 233 +++++++++++++-------------- 1 file changed, 116 insertions(+), 117 deletions(-) diff --git a/aio/content/guide/browser-support.md b/aio/content/guide/browser-support.md index d5d9b76a14..a86c3b5618 100644 --- a/aio/content/guide/browser-support.md +++ b/aio/content/guide/browser-support.md @@ -6,147 +6,92 @@ Angular supports most recent browsers. This includes the following specific vers - + + Browser + + + + Supported versions + + + + + + + Chrome - + - + + latest + + + + + + Firefox - + - + + latest + + + + + + Edge - + - + + 2 most recent major versions + + + + IE - - - - Safari - - - - iOS - - - - Android - - - + + + 11
10
9 + + + + + IE Mobile - - - - - - - - latest - - - latest - - - - 2 most recent major versions - - 11 - + + - 2 most recent major versions + Safari 2 most recent major versions - - - Nougat (7.0)
Marshmallow (6.0) - - - - 11 - - - - - + iOS - + 2 most recent major versions - - - - - - - 10 - - - - - - - - - - - - Lollipop
(5.0, 5.1) - - - - - - - - + - - + Android - + Nougat (7.0)
Marshmallow (6.0)
Lollipop (5.0, 5.1)
KitKat (4.4) - - - - - - - 9 - - - - - - - - - - - - KitKat
(4.4) - - - - - - - + @@ -184,12 +129,11 @@ This file incorporates the mandatory and many of the optional polyfills as JavaS 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: +But if you need an optional polyfill, you'll have to install its npm package. +For example, [if you need the web animations polyfill](http://caniuse.com/#feat=web-animation), you could install it with `npm`, using the following command (or the `yarn` equivalent): npm install --save web-animations-js - yarn add web-animations-js Then open the `polyfills.ts` file and un-comment the corresponding `import` statement as in the following example: @@ -240,7 +184,9 @@ These are the polyfills required to run an Angular application on each supported + [ES7/reflect](guide/browser-support#core-es7-reflect) (JIT only) + @@ -252,7 +198,9 @@ These are the polyfills required to run an Angular application on each supported + [ES6](guide/browser-support#core-es6) + @@ -264,7 +212,9 @@ These are the polyfills required to run an Angular application on each supported + [ES6
classList](guide/browser-support#classlist) + @@ -302,12 +252,16 @@ Here are the features which may require additional polyfills: + [JIT compilation](guide/aot-compiler). + Required to reflect for metadata. + [ES7/reflect](guide/browser-support#core-es7-reflect) + @@ -320,11 +274,15 @@ Here are the features which may require additional polyfills: + [Animations](guide/animations) + + [Web Animations](guide/browser-support#web-animations) + @@ -336,11 +294,24 @@ Here are the features which may require additional polyfills: - 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) + + If you use the following deprecated i18n pipes: + + + [date](api/common/DeprecatedDatePipe), + + [currency](api/common/DeprecatedCurrencyPipe), + + [decimal](api/common/DeprecatedDecimalPipe), + + [percent](api/common/DeprecatedPercentPipe) + + [Intl API](guide/browser-support#intl) + @@ -352,11 +323,16 @@ Here are the features which may require additional polyfills: - [NgClass](api/common/NgClass) on SVG elements + + [NgClass](api/common/NgClass) + + on SVG elements + [classList](guide/browser-support#classlist) + @@ -368,13 +344,20 @@ Here are the features which may require additional polyfills: - [Http](guide/http) when sending and receiving binary data + + [Http](guide/http) + + when sending and receiving binary data + [Typed Array](guide/browser-support#typedarray)
+ [Blob](guide/browser-support#blob)
+ [FormData](guide/browser-support#formdata) + @@ -412,7 +395,9 @@ Below are the polyfills which are used to test the framework itself. They are a + ES7/reflect + @@ -428,7 +413,9 @@ Below are the polyfills which are used to test the framework itself. They are a + ES6 + @@ -444,7 +431,9 @@ Below are the polyfills which are used to test the framework itself. They are a + classList + @@ -460,7 +449,9 @@ Below are the polyfills which are used to test the framework itself. They are a + Intl + @@ -476,7 +467,9 @@ Below are the polyfills which are used to test the framework itself. They are a + Web Animations + @@ -492,7 +485,9 @@ Below are the polyfills which are used to test the framework itself. They are a + Typed Array + @@ -508,7 +503,9 @@ Below are the polyfills which are used to test the framework itself. They are a + Blob + @@ -524,7 +521,9 @@ Below are the polyfills which are used to test the framework itself. They are a + FormData + @@ -546,7 +545,7 @@ computed with the closure com {@a non-cli} ## Polyfills for non-CLI users -If you aren't using the CLI, you should add your polyfill scripts directly to the host web page (`index.html`), perhaps like this. +If you are not using the CLI, you should add your polyfill scripts directly to the host web page (`index.html`), perhaps like this. <!-- pre-zone polyfills -->