在指定div中瀏覽PDF

body,html{

font:12px 微軟雅黑,Verdana,Arial,Tahoma;

background:#BBB;

}

#example1{

height:500px;

width:500px;

}

// 我的pdf文件放在項目的pdf文件夾下，名字叫做zh-cn.pdf

PDFObject.embed("zh-cn.pdf", "#example1");

為什么使用pdfObject？

pdfObject檢測瀏覽器對內聯/嵌入式pdf的支持。(如果您想知道，您的瀏覽器支持嵌入式PDF。你真走運，你！)

如果您使用動態HTML，例如單頁Web應用程序，則可能需要動態插入PDF。但是，某些瀏覽器不支持PDF嵌入。如果插入標記而不首先檢查PDF支持，則可能導致內容丟失或UI損壞。

pdfObject實用程序通過檢測瀏覽器中對PDF嵌入的支持來幫助您避免這些情況；如果支持嵌入，則嵌入PDF。如果瀏覽器不支持嵌入，則不會嵌入PDF。

默認情況下，當瀏覽器不支持內聯PDF時，pdfObject將向PDF插入一個回退鏈接。這樣可以確保您的用戶始終可以訪問您的PDF文件，并幫助您減少代碼編寫。可以自定義回退鏈接，也可以根據需要禁用該選項。

pdfObject已準備好NPM。現代Web應用程序使用NPM來管理包和依賴項。pdfobject 2.x在節點包管理器(NPM)中注冊，可以動態加載。

pdfObject還可以方便地指定Adobe專有的“PDF開放參數”。警告：這些參數僅受Adobe Reader支持，大多數PDF閱讀器將忽略這些參數，包括Chrome、Edge、Internet Explorer和Safari中內置的PDF閱讀器。閱讀下面的更多內容。

總結

以上是生活随笔為你收集整理的html 插入可阅读pdf,网站实现在线浏览阅读PDF文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。