在 HTML 中實作可下載的 PDF 連結
在線上環境中,提供可下載的 PDF 檔案是一種常見做法。但是,根據使用者瀏覽器安裝的不同,PDF 連結點擊的行為可能會有所不同,這給保持一致的使用者體驗帶來了挑戰。
考慮這個熟悉的場景:您使用以下HTML 在網頁上呈現PDF 下載連結:
<a href="myfile.pdf">Download Brochure</a>
當使用者點擊此連結時,會出現以下結果:
為了解決這種不一致問題並確保無論AdAdobe 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中文網其他相關文章!