Polish browser-support.jade

This commit is contained in:
Yang Lin 2016-12-05 20:12:49 +08:00
parent ad22e4e07d
commit af55e38d11
1 changed files with 49 additions and 35 deletions

View File

@ -5,7 +5,7 @@ block includes
:marked
Angular supports most recent browsers. This includes the following specific versions:
Angular支持大多数常用浏览器包括下列版本
Angular 支持大多数常用浏览器,包括下列版本:
table
tr
@ -64,33 +64,33 @@ table
using <a href="https://saucelabs.com/" target="_blank">SauceLabs</a> and
<a href="https://www.browserstack.com" target="_blank">Browserstack</a>.
Angular在持续集成过程中对每一个提交都会使用<a href="https://saucelabs.com/" target="_blank">SauceLabs</a>和
<a href="https://www.browserstack.com" target="_blank">Browserstack</a>在上述所有浏览器上执行单元测试。
Angular 在持续集成过程中,对每一个提交都会使用 <a href="https://saucelabs.com/" target="_blank">SauceLabs</a>
<a href="https://www.browserstack.com" target="_blank">Browserstack</a> 在上述所有浏览器上执行单元测试。
:marked
## Polyfills #
## 填充库Polyfill #
## 填充库 (polyfill) #
Angular is built on the latest standards of the web platform.
Targeting such a wide range of browsers is challenging because they do not support all features of modern browsers.
Angular构建于Web平台的最新标准之上。
Angular 构建于 Web 平台的最新标准之上。
要支持这么多浏览器是一个不小的挑战,因为它们不支持现代浏览器的所有特性。
You compensate by loading polyfill scripts ("polyfills") on the host web page (`index.html`)
that implement missing features in JavaScript.
你可以通过在宿主页面`index.html`中加载填充脚本“polyfills”来加以弥补这些脚本实现了浏览器缺失的JavaScript特性。
你可以通过在宿主页面 (`index.html`) 中加载填充脚本 (“polyfills”) 来加以弥补,这些脚本实现了浏览器缺失的 JavaScript 特性。
+makeExample('quickstart/ts/index.html', 'polyfills')(format='.')
:marked
A particular browser may require at least one polyfill to run _any_ Angular application.
You may need additional polyfills for specific features.
要运行Angular应用某些浏览器可能需要至少一个填充库。除此之外如果要支持某些特定的特性你可能还需要另一些填充库。
要运行 Angular 应用,某些浏览器可能需要至少一个填充库。除此之外,如果要支持某些特定的特性,你可能还需要另一些填充库。
The tables below will help you determine which polyfills to load, depending on the browsers you target and the features you use.
下表将帮你决定加载哪些填充库,具体取决于目标浏览器和要用到的特性。
下表将帮你决定加载哪些填充库,具体取决于目标浏览器和要用到的特性。
.alert.is-important
:marked
@ -98,9 +98,9 @@ table
You may need additional polyfills to support features not covered by this list.
Note that polyfills cannot magically transform an old, slow browser into a modern, fast one.
这些建议的填充库假设你运行的是完全由Angular书写的应用
这些建议的填充库是运行完整 Angular 应用所需的
你可能还会需要另一些的填充库来支持没有出现在此列表中的哪些特性。
注意这些填充库并没有神奇的魔力来把老旧、慢速的浏览器变成现代、快速的浏览器它只是填充了API。
注意,这些填充库并没有神奇的魔力来把老旧、慢速的浏览器变成现代、快速的浏览器,它只是填充了 API。
:marked
### Mandatory polyfills ##
@ -136,12 +136,12 @@ table
### 可选浏览器特性的填充库 ##
Some features of Angular may require additional polyfills.
有些Angular特性可能需要更多填充库。
有些 Angular 特性可能需要额外的填充库。
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.
比如动画库依赖于标准的动画API目前它只在Chrome和Firefox上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。
例如,动画库依赖于标准的 web 动画 API目前它只在 Chrome 和 Firefox 上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。
Here are the features which may require additional polyfills:
@ -161,52 +161,65 @@ table
tr(style="vertical-align: top")
td
p a(href="./animations.html") Animations
p a(href="./animations.html") 动画
p
a(href="./animations.html") Animations
p
a(href="./animations.html") 动画
td
:marked
[Web Animations](#web-animations)
[Web动画](#web-animations)
[Web 动画](#web-animations)
td
p All but Chrome and Firefox<br>Not supported in IE9
p 除Chrome和Firefox外的所有但不支持IE9
p 除 Chrome Firefox 外的所有,但不支持 IE9
tr(style="vertical-align: top")
td
a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date
span ,
a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency
span ,
a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal
span 和
a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent
span 管道
p
a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date
span ,
a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency
span ,
a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal
span and
a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent
span pipes
p
a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date
span 、
a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency
span 、
a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal
span &nbsp;和&nbsp;
a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent
span &nbsp;管道
td
:marked
[Intl API](#intl)
td
p All but Chrome, Firefox, Edge, IE11 and Safari 10
p 除了Chrome、Firefox、Edge、IE11和Safari 10外的所有浏览器
p 除了 Chrome、Firefox、Edge、IE11 Safari 10 外的所有浏览器
tr(style="vertical-align: top")
td
p.
p
a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass
span on SVG elements
p
span 在 SVG 元素上用&nbsp;
a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass
span on SVG elements
p.
在SVG元素上用a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass
td
:marked
[classList](#classlist)
td IE10, IE11
tr(style="vertical-align: top")
td
p.
p
a(href="./server-communication.html") Http
span when sending and receiving binary data
p.
span 用
p
span 用&nbsp;
a(href="./server-communication.html") Http
span 发送和接受二进制数据
span &nbsp;发送和接受二进制数据
td
:marked
[Typed&nbsp;Array](#typedarray) <br>[Blob](#blob)<br>[FormData](#formdata)
@ -269,6 +282,7 @@ table
td 0.4KB
:marked
* Figures are for minified and gzipped code, computed with the <a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>
\* Figures are for minified and gzipped code, computed with the <a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>
* 这些指标测量的是最小化minify并且gzip过的代码使用<a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>计算出的结果。
\* 这些指标测量的是最小化 (minify) 并且 gzip 过的代码,使用 <a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>
计算出的结果。