angular-cn/public/docs/ts/latest/guide/browser-support.jade

block includes
  include ../_util-fns
  - var _at_angular = '@angular'

:marked
  # Browser support #  
  # 浏览器支持 #
  
  Angular supports most recent browsers. This includes the following specific versions:

  Angular支持大多数常用浏览器，包括下列版本：
table
  tr
    th Chrome
    th Firefox
    th Edge
    th IE
    th Safari
    th iOS
    th Android
    th IE mobile
  tr
    td 最新版
    td 最新版
    td 14
    td 11
    td 9
    td 9
    td Marshmallow (6.0)
    td 11
  tr
    td
    td
    td 13
    td 10
    td 8
    td 8
    td Lollipop<br>(5.0, 5.1)
    td
  tr
    td
    td
    td
    td 9
    td 7
    td 7
    td KitKat<br>(4.4)
    td
  tr
    td
    td
    td
    td
    td
    td
    td Jelly Bean<br>(4.1, 4.2, 4.3)
    td
    
    
.l-sub-section
  :marked
    Angular's continuous integration process runs unit tests of the framework on all of these browsers for every pull request, 
    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>在上述所有浏览器上执行单元测试。

:marked
  # Polyfills #
  # 填充库（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平台的最新标准之上。
  要支持这么多浏览器是一个不小的挑战，因为它们不支持现代浏览器的所有特性。
  
  You compensate by loading polyfill scripts ("polyfills") on the host web page (`index.html`)
  that implement missing features in 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应用，某些浏览器可能需要至少一个填充库。除此之外，如果要支持某些特定的特性，你可能还需要另一些填充库。

  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
    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.
    Note that polyfills cannot magically transform an old, slow browser into a modern, fast one.
    
    这些建议的填充库假设你运行的是完全由Angular书写的应用。
    你可能还会需要另一些的填充库来支持没有出现在此列表中的哪些特性。
    注意，这些填充库并没有神奇的魔力来把老旧、慢速的浏览器变成现代、快速的浏览器，它只是填充了API。
  
:marked
  ## Mandatory polyfills ##
  ## 强制性填充库 ##
  These are the polyfills required to run an Angular application on each supported browser:
  
  下表是填充库对每个支持的浏览器都是需要的：
table
  tr(style="vertical-align: top") 
    th 
      p Browsers (desktop & mobile)
      p 浏览器（桌面 & 移动）
    th 
      p Polyfills required
      p 需要的填充库
  tr(style="vertical-align: top") 
    td Chrome, Firefox, Edge, Safari 9+
    td None
  tr(style="vertical-align: top") 
    td Safari 7 & 8, IE10 & 11, Android 4.1+
    td
      :marked
        [ES6](#core-es6)
  tr(style="vertical-align: top") 
    td IE9
    td
      :marked
        [ES6<br>classList](#classlist)

:marked
  ## Optional browser features to polyfill ##
  ## 可选浏览器特性的填充库 ##
  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.
  You'll need a polyfill to use animations in other browsers.
  
  比如，动画库依赖于标准的动画API，目前它只在Chrome和Firefox上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。
  
  Here are the features which may require additional polyfills:

  下列特性可能需要额外的填充库：
  
table
  tr(style="vertical-align: top") 
    th 
      p Feature
      p 特性
    th 
      p Polyfill
      p 填充库
    th(style="width: 50%")  
      p Browsers (desktop & mobile)
      p 浏览器（桌面 & 移动）

  tr(style="vertical-align: top") 
    td
      a(href="./animations.html") Animations
      a(href="./animations.html") 动画
    td
      :marked
        [Web Animations](#web-animations)
        
        [Web Animations](#web-animations)
        
    td 
      p All but Chrome and Firefox<br>Not supported in IE9
      p 出Chrome和Firefox外的所有，但不支持IE9
  tr(style="vertical-align: top") 
    td
      a(href="../api/common/index/DatePipe-class.html" target="_blank") Date
      span ,  
      a(href="../api/common/index/CurrencyPipe-class.html" target="_blank") currency
      span , 
      a(href="../api/common/index/DecimalPipe-class.html" target="_blank") decimal
      span  和 
      a(href="../api/common/index/PercentPipe-class.html" target="_blank") percent
      span  管道
    td
      :marked
        [Intl API](#intl)
    td 
      p All but Chrome, Firefox, Edge and IE11
      p 除了Chrome、Firefox、Edge和IE11外的所有
  tr(style="vertical-align: top") 
    td 
      p
        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
        a(href="./server-communication.html") Http
        span  when sending and receiving binary data
      p
        span 用 
        a(href="./server-communication.html") Http
        span 发送和接受二进制数据
    td 
      :marked
        [Typed&nbsp;Array](#typedarray) <br>[Blob](#blob)<br>[FormData](#formdata)
    td IE 9

:marked
  ## Suggested polyfills ##
  ## 建议的填充库 ##
  
  Below are the polyfills which are used to test the framework itself. They are a good starting point for an application. 

  下表中是用来测试框架本身的填充库，它们是应用程序的优质起点。
table
  tr
    th 
      p Polyfill
      p 填充库
    th 
      p Licence
      p 授权方式
    th 
      p Size*
      p 大小*
  tr
    td
      a#core-es6(href="https://github.com/zloirock/core-js" target="_blank") ES6
    td MIT
    td 27.4KB
  tr
    td
     a#classlist(href="https://github.com/eligrey/classList.js" target="_blank") classList
    td 
      p Public domain
      p 公共域
    td 1KB
  tr
    td
     a#intl(href="https://github.com/andyearnshaw/Intl.js" target="_blank") Intl
    td MIT / Unicode licence
    td 13.5KB
  tr
    td 
      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 Animations
    td Apache
    td 14.8KB
  tr
    td
      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") Typed Array
    td MIT
    td 4KB
  tr
    td 
      a#blob(href="https://github.com/eligrey/Blob.js" target="_blank") Blob
    td MIT
    td 1.3KB
  tr
    td 
      a#formdata(href="https://github.com/francois2metz/html5-formdata" target="_blank") FormData
    td MIT
    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>

  * 这些指标测量的是最小化（minify）并且gzip过的代码，使用<a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>计算出的结果。