web-dev-qa-db-ja.com

どのブラウザが<script async = "async" />をサポートしていますか？

2009年12月1日に、Googleは 非同期Googleアナリティクストラッキング のサポートを発表しました。

非同期トラッキングは、<script>タグのasyncディレクティブを使用して実現されます。

どのブラウザが非同期ディレクティブ（<script async="async" />）をサポートし、どのバージョン以降ですか？

javascripthtmlperformanceasynchronousgoogle-analytics
189
knorv

Googleが指定する非同期サポートは、2つの部分を使用して実現されます。

  • ページでスクリプトを使用して（スクリプトはgoogleから提供されます）、DOMに<script>タグを書き出します。

  • このスクリプトにはasync = "true"属性があり、互換性のあるブラウザーにページのレンダリングを続行できることを通知します。

最初の部分は<script async..タグをサポートしないブラウザーで動作し、「ハック」で非同期に読み込むことができます（かなり堅実なものですが）。また、ga.jsの取得を待たずにページをレンダリングできます。

2番目の部分は、非同期html属性を理解する互換性のあるブラウザにのみ影響します

  • FF 3.6+
  • Android全バージョンのFF
  • IE 10+（プレビュー2以降）
  • Chrome 8以降
  • Chrome for Androidすべてのバージョン
  • Safari 5.0以降
  • iOS Safari 5.0以降
  • Android Browser 3.0+（ハニカムが稼働中）
  • Opera 15.0以降
  • Opera Mobile 16.0+
  • Opera Mini なし（8.0以降）

非同期を指定する「html5適切な」方法は、<script async src="..."ではなく、<script async="true"を使用することです。ただし、最初はブラウザーはこの構文をサポートしていません。また、参照される要素のスクリプトプロパティの設定もサポートしていませんでした。これが必要な場合、リストが変更されます。

  • FF 4+
  • IE 10+（プレビュー2以降）
  • Chrome 12以降
  • Chrome for Android 32+
  • Safari 5.1以降
  • Androidバージョンなし
160
Philip Rieck

本当にこの質問には2つの部分があります。

  1. Q：マークアップのスクリプトタグで「非同期」属性をサポートしているブラウザーはどれですか？

    A：IE10p2 +、Chrome 11 +、Safari 5 +、Firefox 3.6+

  2. Q：動的に作成されたスクリプト要素で、JavaScriptの「async」propertyの動作を定義する新しい仕様をサポートしているブラウザーはどれですか？

    A：IE10p2 +、Chrome 12 +、Safari 5.1 +、Firefox 4+

Operaに関しては、両方のタイプの非同期をサポートするバージョンのリリースに非常に近いです。私はこれについて彼らと密接に協力してきましたが、すぐに出てくるはずです（願っています！）。

Ordered-async（別名、「async = false」）の詳細については、こちらをご覧ください： http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order

また、ブラウザが新しい動的非同期プロパティの動作をサポートしているかどうかをテストするには： http://test.getify.com/test-async/

60
Kyle Simpson

asyncパラメーターをサポートするブラウザーバージョンの包括的なリストが利用可能です here

25
JeremiahLee

参照ページから：

http://googlecode.blogspot.com/2009/12/google-analytics-launches-asynchronous.html

Firefox 3.6は、この新機能のサポートを公式に提供した最初のブラウザです。興味があれば、公式の HTML5非同期仕様 の詳細をご覧ください。

10
tvanfosson

asyncは現在、主要なブラウザのすべての最新バージョンでサポートされています。現在、ほとんどのブラウザで数年間サポートされています。

次のMDN Webサイトで、非同期をサポートする（および延期する）ブラウザーを追跡できます。
https://developer.mozilla.org/en-US/docs/HTML/Element/script

1
brunoais

Googleアナリティクスを使用するこのページのDOM（document.scripts [1] .attributes）をご覧ください。 Googleがasync = ""を使用していることを伝えることができます。

[type="text/javascript", async="", src="http://www.google-analytics.com/ga.js"]
0
jeekajoo