From eba1289ec990ead40622fa3bd41e67f34ae92e62 Mon Sep 17 00:00:00 2001 From: Leandro Diniz Date: Tue, 23 Mar 2021 13:04:48 +0200 Subject: [PATCH] docs: format browser-support tables for GitHub markdown (#41122) Format the HTML used in browser-support.md such that the tables render correctly under GitHub markdown. PR Close #41122 --- aio/content/guide/browser-support.md | 199 +++++---------------------- 1 file changed, 32 insertions(+), 167 deletions(-) diff --git a/aio/content/guide/browser-support.md b/aio/content/guide/browser-support.md index f117ff9d08..576ba367ed 100644 --- a/aio/content/guide/browser-support.md +++ b/aio/content/guide/browser-support.md @@ -3,90 +3,44 @@ Angular supports most recent browsers. This includes the following specific versions: - - - - - - + + - - - - - + + - - - - - + + - - + + + + + - - - - - - - - - + + - - - + + - - - + + -
- Browser - - Supported versions -BrowserSupported versions
- Chrome - - latest - Chromelatest
- Firefox - - latest and extended support release (ESR) - Firefoxlatest and extended support release (ESR)
Edge2 most recent major versions
IE - Edge - - 2 most recent major versions + 11
+ *deprecated, see the deprecations guide
- IE - -
11
- *deprecated, see the deprecations guide
-
- Safari - - 2 most recent major versions - Safari2 most recent major versions
- iOS - - 2 most recent major versions - iOS2 most recent major versions
- Android - - Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0) - AndroidQ (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)
+
Angular's continuous integration process runs unit tests of the framework on all of these browsers for every pull request, @@ -158,220 +112,133 @@ If the polyfill you want is not already in `polyfills.ts` file, add the `import` These are the polyfills required to run an Angular application on each supported browser: - - - - - - + + - - - - -
- Browsers (Desktop & Mobile) - - Polyfills Required - Browsers (Desktop & Mobile)Polyfills Required
Chrome, Firefox, Edge,
Safari, Android, IE 11 		- - [ES2015](guide/browser-support#core-es6) - + ES2015
- ### Optional browser features to polyfill Some features of Angular may require additional polyfills. - - - - - - - - + + + - - - - - - - - - - - - - -
- Feature - - Polyfill - - Browsers (Desktop & Mobile) - FeaturePolyfillBrowsers (Desktop & Mobile)
- - [AnimationBuilder](api/animations/AnimationBuilder). + AnimationBuilder (Standard animation support does not require polyfills.) - - - [Web Animations](guide/browser-support#web-animations) - + Web Animations

If AnimationBuilder is used, enables scrubbing support for IE/Edge and Safari. (Chrome and Firefox support this natively).

- - [NgClass](api/common/NgClass) on SVG elements + NgClass on SVG elements - - [classList](guide/browser-support#classlist) - + classList IE 11
- - [Router](guide/router) when using - [hash-based routing](guide/router#location-strategy) + Router when using hash-based routing - - [ES7/array](guide/browser-support#core-es7-array) - + ES7/array IE 11
- - ### Suggested polyfills The following polyfills are used to test the framework itself. They are a good starting point for an application. - - - - - - - - - - - - - - - - - - - - - - - - -
Polyfill License Size*
- ES7/array - MIT 0.1KB
- ES2015 - MIT 27.4KB
- classList - Public domain 1KB
- Web Animations - Apache 14.8KB
@@ -399,7 +266,6 @@ For example: // __Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame // __Zone_disable_on_property = true; // disable patch onProperty such as onclick // __zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames - /* * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js * with the following flag, it will bypass `zone.js` patch for IE/Edge @@ -408,6 +274,5 @@ For example: </script> <!-- zone.js required by Angular --> <script src="node_modules/zone.js/bundles/zone.umd.js"></script> - <!-- application polyfills -->