翻译完了浏览器支持

This commit is contained in:
Zhicheng Wang 2016-09-14 13:12:05 +08:00
parent 559a798993
commit e71848b664
2 changed files with 99 additions and 23 deletions

View File

@ -87,8 +87,8 @@
}, },
"browser-support": { "browser-support": {
"title": "Browser support", "title": "浏览器支持",
"intro": "Browser support and polyfills guide." "intro": "浏览器支持与填充Polyfill指南"
}, },
"component-styles": { "component-styles": {

View File

@ -4,8 +4,11 @@ block includes
:marked :marked
# Browser support # # Browser support #
# 浏览器支持 #
Angular supports most recent browsers. This includes the following specific versions: Angular supports most recent browsers. This includes the following specific versions:
Angular支持大多数常用浏览器包括下列版本
table table
tr tr
th Chrome th Chrome
@ -17,8 +20,8 @@ table
th Android th Android
th IE mobile th IE mobile
tr tr
td latest td 最新版
td latest td 最新版
td 14 td 14
td 11 td 11
td 9 td 9
@ -60,34 +63,58 @@ table
using <a href="https://saucelabs.com/" target="_blank">SauceLabs</a> and using <a href="https://saucelabs.com/" target="_blank">SauceLabs</a> and
<a href="https://www.browserstack.com" target="_blank">Browserstack</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 :marked
# Polyfills # # Polyfills #
# 填充库Polyfill #
Angular is built on the latest standards of the web platform. 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. Targeting such a wide range of browsers is challenging because they do not support all features of modern browsers.
Angular构建于Web平台的最新标准之上。
要支持这么多浏览器就是一个不小的挑战了,因为它们并不支持现代浏览器的所有特性。
You compensate by loading polyfill scripts ("polyfills") on the host web page (`index.html`) You compensate by loading polyfill scripts ("polyfills") on the host web page (`index.html`)
that implement missing features in JavaScript. that implement missing features in JavaScript.
你可以通过在宿主页面(`index.html`中加载填充脚本“polyfills”来加以弥补这些脚本实现了浏览器缺失的JavaScript特性。
+makeExample('quickstart/ts/index.html', 'polyfills')(format='.') +makeExample('quickstart/ts/index.html', 'polyfills')(format='.')
:marked :marked
A particular browser may require at least one polyfill to run _any_ Angular application. A particular browser may require at least one polyfill to run _any_ Angular application.
You may need additional polyfills for specific features. You may need additional polyfills for specific features.
要运行Angular应用某些浏览器可能需要至少一个填充库。除此之外如果要支持某些特定的特性你可能还需要另一些填充库。
The tables below will help you determine which polyfills to load, depending on the browsers you target and the features you use. 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 .alert.is-important
:marked :marked
The suggested polyfills are the ones we know will run full Angular applications. The suggested polyfills are the ones we know will run full Angular applications.
You may need additional polyfills to support features not covered by this list. 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. Note that polyfills cannot magically transform an old, slow browser into a modern, fast one.
这些建议的填充库假设你运行的是完全由Angular书写的应用。
你可能还会需要另一些的填充库来支持没有出现在此列表中的哪些特性。
注意这些填充库并没有神奇的魔力可以把老旧、慢速的浏览器变成现代、快速的浏览器它只是填充了API。
:marked :marked
## Mandatory polyfills ## ## Mandatory polyfills ##
## 强制性填充库 ##
These are the polyfills required to run an Angular application on each supported browser: These are the polyfills required to run an Angular application on each supported browser:
下表是填充库对每个支持的浏览器都是需要的:
table table
tr(style="vertical-align: top") tr(style="vertical-align: top")
th Browsers (desktop & mobile) th
th Polyfills required p Browsers (desktop & mobile)
p 浏览器(桌面 & 移动)
th
p Polyfills required
p 需要的填充库
tr(style="vertical-align: top") tr(style="vertical-align: top")
td Chrome, Firefox, Edge, Safari 9+ td Chrome, Firefox, Edge, Safari 9+
td None td None
@ -104,26 +131,45 @@ table
:marked :marked
## Optional browser features to polyfill ## ## Optional browser features to polyfill ##
## 可选浏览器特性的填充库 ##
Some features of Angular may require additional polyfills. Some features of Angular may require additional polyfills.
有些Angular特性可能需要额外的填充库。
For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today. 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. You'll need a polyfill to use animations in other browsers.
比如动画库依赖于标准的动画API目前它只在Chrome和Firefox上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。
Here are the features which may require additional polyfills: Here are the features which may require additional polyfills:
下列特性可能需要额外的填充库:
table table
tr(style="vertical-align: top") tr(style="vertical-align: top")
th Feature th
th Polyfill p Feature
th(style="width: 50%") Browsers (desktop & mobile) p 特性
th
p Polyfill
p 填充库
th(style="width: 50%")
p Browsers (desktop & mobile)
p 浏览器(桌面 & 移动)
tr(style="vertical-align: top") tr(style="vertical-align: top")
td td
a(href="./animations.html") Animations a(href="./animations.html") Animations
a(href="./animations.html") 动画
td td
:marked :marked
[Web Animations](#web-animations) [Web Animations](#web-animations)
td All but Chrome and Firefox<br>Not supported in IE9
[Web动画](#web-animations)
td
p All but Chrome and Firefox<br>Not supported in IE9
p 出Chrome和Firefox外的所有但不支持IE9
tr(style="vertical-align: top") tr(style="vertical-align: top")
td td
a(href="../api/common/index/DatePipe-class.html" target="_blank") Date a(href="../api/common/index/DatePipe-class.html" target="_blank") Date
@ -131,25 +177,36 @@ table
a(href="../api/common/index/CurrencyPipe-class.html" target="_blank") currency a(href="../api/common/index/CurrencyPipe-class.html" target="_blank") currency
span , span ,
a(href="../api/common/index/DecimalPipe-class.html" target="_blank") decimal a(href="../api/common/index/DecimalPipe-class.html" target="_blank") decimal
span and span
a(href="../api/common/index/PercentPipe-class.html" target="_blank") percent a(href="../api/common/index/PercentPipe-class.html" target="_blank") percent
span pipes span 管道
td td
:marked :marked
[Intl API](#intl) [Intl API](#intl)
td All but Chrome, Firefox, Edge and IE11 td
p All but Chrome, Firefox, Edge and IE11
p 除了Chrome、Firefox、Edge和IE11外的所有
tr(style="vertical-align: top") tr(style="vertical-align: top")
td td
a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass p
span on SVG elements 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 td
:marked :marked
[classList](#classlist) [classList](#classlist)
td IE10, IE11 td IE10, IE11
tr(style="vertical-align: top") tr(style="vertical-align: top")
td td
a(href="./server-communication.html") Http p
span when sending and receiving binary data a(href="./server-communication.html") Http
span when sending and receiving binary data
p
span 用
a(href="./server-communication.html") Http
span 发送和接受二进制数据
td td
:marked :marked
[Typed&nbsp;Array](#typedarray) <br>[Blob](#blob)<br>[FormData](#formdata) [Typed&nbsp;Array](#typedarray) <br>[Blob](#blob)<br>[FormData](#formdata)
@ -157,13 +214,22 @@ table
:marked :marked
## Suggested polyfills ## ## Suggested polyfills ##
## 建议的填充库 ##
Below are the polyfills which are used to test the framework itself. They are a good starting point for an application. Below are the polyfills which are used to test the framework itself. They are a good starting point for an application.
下表中是用来测试框架本身的填充库,它们是应用程序的优质起点。
table table
tr tr
th Polyfill th
th Licence p Polyfill
th Size* p 填充库
th
p Licence
p 授权方式
th
p Size*
p 大小*
tr tr
td td
a#core-es6(href="https://github.com/zloirock/core-js" target="_blank") ES6 a#core-es6(href="https://github.com/zloirock/core-js" target="_blank") ES6
@ -172,7 +238,9 @@ table
tr tr
td td
a#classlist(href="https://github.com/eligrey/classList.js" target="_blank") classList a#classlist(href="https://github.com/eligrey/classList.js" target="_blank") classList
td Public domain td
p Public domain
p 公共域
td 1KB td 1KB
tr tr
td td
@ -181,12 +249,18 @@ table
td 13.5KB td 13.5KB
tr tr
td td
a#web-animations(href="https://github.com/web-animations/web-animations-js" target="_blank") Web Animations p
a(href="https://github.com/web-animations/web-animations-js" target="_blank") Web Animations
p
a#web-animations(href="https://github.com/web-animations/web-animations-js" target="_blank") Web动画
td Apache td Apache
td 14.8KB td 14.8KB
tr tr
td td
a#typedarray(href="https://github.com/inexorabletash/polyfill/blob/master/typedarray.js" target="_blank") Typed Array p
a(href="https://github.com/inexorabletash/polyfill/blob/master/typedarray.js" target="_blank") Typed Array
p
a#typedarray(href="https://github.com/inexorabletash/polyfill/blob/master/typedarray.js" target="_blank") 带类型的数组
td MIT td MIT
td 4KB td 4KB
tr tr
@ -202,3 +276,5 @@ table
:marked :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>计算出的结果。