在指定div中瀏覽PDF

body,html{

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

background:#BBB;

}

#example1{

height:500px;

width:500px;

}

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

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

為什么使用pdfObject？

pdfObject檢測(cè)瀏覽器對(duì)內(nèi)聯(lián)/嵌入式pdf的支持。(如果您想知道，您的瀏覽器支持嵌入式PDF。你真走運(yùn)，你！)

如果您使用動(dòng)態(tài)HTML，例如單頁(yè)Web應(yīng)用程序，則可能需要?jiǎng)討B(tài)插入PDF。但是，某些瀏覽器不支持PDF嵌入。如果插入標(biāo)記而不首先檢查PDF支持，則可能導(dǎo)致內(nèi)容丟失或UI損壞。

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

默認(rèn)情況下，當(dāng)瀏覽器不支持內(nèi)聯(lián)PDF時(shí)，pdfObject將向PDF插入一個(gè)回退鏈接。這樣可以確保您的用戶始終可以訪問您的PDF文件，并幫助您減少代碼編寫。可以自定義回退鏈接，也可以根據(jù)需要禁用該選項(xiàng)。

pdfObject已準(zhǔn)備好NPM。現(xiàn)代Web應(yīng)用程序使用NPM來管理包和依賴項(xiàng)。pdfobject 2.x在節(jié)點(diǎn)包管理器(NPM)中注冊(cè)，可以動(dòng)態(tài)加載。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。