問題タブ [data-uri-scheme]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - ブラウザーがデータを指すリンクのダウンロードをサポートしているかどうかを検出する方法: URI スキーム
エンコードされた画像を指し、ダウンロード属性を含むアンカー タグがあります。目標は、ユーザーがリンクをクリックするだけでデータ URI (画像) をディスクにダウンロードできるようにすることです。
例：
ここで、ブラウザのサポートを確認する必要がある 2 つのことが起こっています。
downloadブラウザが属性をサポートしているかどうか- ブラウザが
href=data:
download属性のサポートを確認する方法は次のとおりです。
ただし、href が data: URI スキームを使用する URL を指している場合、ブラウザがダウンロードをサポートしているかどうかを検出する方法がわかりません。
MS Edge が上記のサンプル コードをサポートしていないことはわかっています (ここではフィドル)。それをサポートしていない最新のブラウザーが他にもあると確信しています。- また、ブラウザの種類を確認したくありません (たとえば、navigator.userAgent「Edge」が含まれている場合)。