javascript - HTML5「ダウンロード」属性のサポートを検出する方法は?

Question

HTML5 に実装された新機能の 1 つは、downloadアンカー タグの属性です。この属性の利点は、クライアント アプリケーション内で作成されたイメージ (たとえば、キャンバスから変換されたもの) などのコンテンツをダウンロードする手段をユーザーに提供することです。

現在、この機能のサポートは非​​常に貧弱であるため、ブラウザーでこの機能のサポートを検出する方法を知りたいです。

Answer 1

Modernizrアプローチを使用します。要素を作成し、属性が定義されているかどうかを確認します。

var a = document.createElement('a');
if (typeof a.download != "undefined") {
    alert('has support');
}

Answer 2

if単純化するための単一行の条件:

if (document.createElement('a').download==undefined && e.target.hasAttribute('download'))
{
 e.preventDefault();
 console.log('Error: this is a download link, please right-click to save the file.');
}

この属性のサポートdownloadはむらがあります (Chrome 14 以降、Firefox 20 以降、IE13 以降、Safari 10 以降、(実際の) Opera ではサポートされていません。上記のスクリプトは、サポートされているブラウザーに干渉しません。