HTML でのダウンロード可能な PDF リンクの実装
オンライン環境では、ダウンロード可能な PDF ファイルを提供するのが一般的です。ただし、ユーザーのブラウザのインストールによっては、PDF リンクのクリックの動作が異なる場合があり、一貫したユーザー エクスペリエンスを維持するのに課題が生じます。
このおなじみのシナリオを考えてみましょう。次の HTML を使用して、Web ページに PDF ダウンロード リンクを表示します。
<a href="myfile.pdf">Download Brochure</a>
ユーザーがこのリンクをクリックすると、次の結果が発生します:
この不一致に対処し、Adobe Acrobat の存在に関係なく標準のダウンロード プロンプトが表示されるようにするには、 HTML5 は次の解決策を提供します。
<a href="./directory/yourfile.pdf" download="newfilename">Download the pdf</a>
このコード内:
このソリューションは Firefox 21 と Iron でテストされ、互換性が確認されています。ただし、古いブラウザや HTML5 に準拠していないブラウザでは機能しない可能性があります。 Internet Explorer はダウンロード プロンプトを強制せず、異なる動作をすることが知られていることに注意してください。
互換性の詳細については、https://caniuse.com/#feat=download を参照してください。
以上が異なるブラウザ間で一貫した PDF ダウンロードを保証するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。