1. ホーム
  2. javascript

[解決済み】<script async="async" />をサポートしているブラウザはどれですか?

2022-04-14 03:33:06

質問

2009年12月1日、Googleは以下のサポートを発表しました。 非同期 Google Analytics トラッキング .

非同期トラッキングは <script> タグを使用します。

非同期ディレクティブをサポートしているブラウザは( <script async="async" /> ) と、どのバージョンからですか?

解決方法は?

googleが指定する非同期サポートは、2つのパーツを使って実現されています。

  • ページ上のスクリプト(スクリプトはgoogleから提供されます)を使って、DOMに<script>タグを書き出します。

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

最初の部分は <script async.. タグの読み込みを非同期で行うことができ、quot;hack"(かなり強固なものですが)で、ga.jsの取得を待たずにページをレンダリングすることも可能です。

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

  • FF 3.6以上
  • Android版FF 全バージョン
  • IE 10+ (プレビュー 2 から)
  • Chrome 8 以上
  • Chrome For Android 全バージョン
  • サファリ 5.0以上
  • iOSのSafari 5.0以上
  • Android ブラウザ 3.0+ (ハニカム以上)
  • Opera 15.0以上
  • Opera Mobile 16.0以上
  • オペラ・ミニ なし (8.0時点)

html5 では、非同期を指定する方法として、以下のようなものがあります。 <script async src="..." ではなく <script async="true" . しかし、当初のブラウザはこの構文に対応しておらず、参照される要素に script プロパティを設定することもサポートしていませんでした。 もしこれを望むなら、リストが変わります。

  • FF 4+
  • IE 10+ (プレビュー2以上)
  • Chrome 12 以上
  • Android版Chrome 32以上
  • サファリ 5.1以上
  • アンドロイドのバージョンなし