データURIリンク<a href="data: doesn't work in Microsoft Edge

Question

This simple code works perfectly everywhere except Microsoft Edge:

<a href="data:text/plain;charset=utf-8,Test">link</a> 

[JSFiddle]私は取得していますマイクロソフトのエッジで

「それは奇妙だ...マイクロソフトでは、このページを見つけることができません」エラー：Mozilla documentationから

例もで作業していません同じ結果。

ここエッジコンソールからの出力です：新しいエッジウィンドウを開くときに

このエラーが発生し、新しいタブには、デフォルトの検索エンジンに検索クエリとしてdata:text/plain;charset=utf-8,Testを入力します。

マイクロソフトのエッジがdata:

のための定義誰もがこの解決策を知っていていないように思えますか？

---

更新：残念ながら、IE /エッジ内のリンクでデータURIを使用する方法はありませんようです。 Detect data URI in links support with Modernizr

Answer 1

どちらもデータのURIに移動IEやマイクロソフトエッジサポート：私は、リンクでデータURIのサポートを検出について関連する質問を作成しました。 MSDNは、これがfor security reasonsだと主張しています。

唯一の解決策は、コンテンツを含むリソースに対して、が（たとえば、file：//またはhttp：//など）をサポートするスキームを使用してリンクすることです。 HTMLだけがこのようにサポートされていたものの、URIスキーム：

は興味深いことに、IEの古いバージョン（私は6よりも古い話）は約内のデータのURIへの前駆体を支持しました。これらのURIは今日も機能しなくなり、単に「ナビゲーションキャンセル」（以前は「アクションキャンセル」）にリダイレクトされます。

Answer 2

IEとエッジがソースとしてデータURIと<img>タグをサポートしていますので、あなたが文書に書き込むためにはJavaScriptを使用して、画像へのリンクをごまかすことができます。

<a href="javascript:document.write('<img src=data:image/png;base64,iVBORw0KGgoAA 
AANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0l 
EQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6 
P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC />')">link</a>