在網頁內嵌 PDF 檔案
與其下載安裝那些肥大的第三方套件,不如善用現今各大瀏覽器內建的 PDF 檔案瀏覽功能,直接使用簡單的幾行 HTML 程式碼就搞定啦!
以下程式碼修改自這個發佈於 Stack Overflow 問答網站上的回答。
1<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
2 <p><a href="myfile.pdf">PDF file link</a></p>
3</object>
- 將
myfile.pdf改成你要內嵌的 PDF 檔的絕對或相對路徑。 - 可自行調整內嵌的
width(寬度)與height(高度)數值設定。建議將width維持在100%,而height改成自己想要的 pixel 值(例如500px)。
關於 <object> 這個 HTML 元素,請見這個發佈於 MDN Web Docs 的說明文件。
至於以上 HTML 程式碼的最終呈現效果,請見此文章。