Angular 瀏覽器支持

瀏覽器支持

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

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

膩子腳本 (polyfill)

Angular 構(gòu)建于 Web 平臺的最新標(biāo)準(zhǔn)之上。要支持這么多瀏覽器是一個不小的挑戰(zhàn)，因為它們不支持現(xiàn)代瀏覽器的所有特性。你可以通過加載膩子腳本("polyfills")來為想要支持的瀏覽器彌補這些特性。下面講解了如何將膩子腳本包含到你的項目中。

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

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

在 CLI 項目中啟用膩子腳本

?Angular CLI? 提供了對膩子腳本的支持。

使用 ?ng new? 命令創(chuàng)建項目時，會在項目文件夾中創(chuàng)建一個 ?src/polyfills.ts? 配置文件。該文件包含許多強制性和可選膩子腳本的 JavaScript ?import ?語句。

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

非 CLI 的用戶的膩子腳本

如果你不使用 CLI，就要直接把膩子腳本添加到宿主頁（?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 -->