Angular 瀏覽器支持

瀏覽器支持

Angular 支持大多數(shù)常用瀏覽器，包括下列版本：

Angular 在持續(xù)集成過程中，對(duì)每一個(gè)提交都會(huì)使用 Sauce Labs 在上述所有瀏覽器上執(zhí)行單元測(cè)試。

膩?zhàn)幽_本 (polyfill)

Angular 構(gòu)建于 Web 平臺(tái)的最新標(biāo)準(zhǔn)之上。要支持這么多瀏覽器是一個(gè)不小的挑戰(zhàn)，因?yàn)樗鼈儾恢С脂F(xiàn)代瀏覽器的所有特性。你可以通過加載膩?zhàn)幽_本("polyfills")來為想要支持的瀏覽器彌補(bǔ)這些特性。下面講解了如何將膩?zhàn)幽_本包含到你的項(xiàng)目中。

這些建議的膩?zhàn)幽_本是運(yùn)行完整 Angular 應(yīng)用所需的。 你可能還會(huì)需要另一些的膩?zhàn)幽_本來支持沒有出現(xiàn)在此列表中的哪些特性。

注意：
這些膩?zhàn)幽_本并沒有神奇的魔力來把老舊、慢速的瀏覽器變成現(xiàn)代、快速的瀏覽器。

在 CLI 項(xiàng)目中啟用膩?zhàn)幽_本

?Angular CLI? 提供了對(duì)膩?zhàn)幽_本的支持。

使用 ?ng new? 命令創(chuàng)建項(xiàng)目時(shí)，會(huì)在項(xiàng)目文件夾中創(chuàng)建一個(gè) ?src/polyfills.ts? 配置文件。該文件包含許多強(qiáng)制性和可選膩?zhàn)幽_本的 JavaScript ?import ?語句。

• 使用 ?ng new? 創(chuàng)建項(xiàng)目時(shí)，會(huì)自動(dòng)為你安裝一些強(qiáng)制性膩?zhàn)幽_本（比如 ?zone.js?），并且它對(duì)應(yīng)的 ?import ?語句已在 ?src/polyfills.ts? 配置文件中啟用。
• 如果你需要一個(gè)可選的填充庫，就必須安裝它們的 npm 包，然后在 ?src/polyfills.ts? 文件中反注釋或創(chuàng)建一個(gè)對(duì)應(yīng)的導(dǎo)入語句。

非 CLI 的用戶的膩?zhàn)幽_本

如果你不使用 CLI，就要直接把膩?zhàn)幽_本添加到宿主頁（?index.html?）中，就像這樣：

比如：

<!-- pre-zone polyfills -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script>
  /**
   * you can configure some zone flags which can disable zone interception for some
   * asynchronous activities to improve startup performance - use these options only
   * if you know what you are doing as it could result in hard to trace down bugs.
   */
  // __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 Edge developer tools, the addEventListener will also be wrapped by zone.js
   * with the following flag, it will bypass `zone.js` patch for Edge.
   */
  // __Zone_enable_cross_context_check = true;
</script>
<!-- zone.js required by Angular -->
<script src="node_modules/zone.js/bundles/zone.umd.js"></script>
<!-- application polyfills -->