页面嵌入pdf的方法主要有两种模式，一种是浏览器原生支持方式（通过iframe或embed），一种是通过canvas渲染（通过pdf.js）。各个方法的例子如下：

1.iframe

需要浏览器pdf默认打开方式不是下载文件。

<iframe src="https://pdfobject.com/pdf/sample-3pp.pdf#page=2" width="100%" height="100%">This browser does not support PDFs. Please download the PDF to view it: 
<a href="../pdf/sample-3pp.pdf">Download PDF</a></iframe>

2.embed

需要浏览器支持

<embed src="https://pdfobject.com/pdf/sample-3pp.pdf#page=2" type="application/pdf" width="100%" height="100%">

3.pdf.js

canvas需要支持html5，当然如果浏览器不支持，它会自动降级处理成原生方式。参考官网例子 http://mozilla.github.io/pdf.js/web/viewer.html

这里主要讲iframe和embed嵌入的问题，在chrome中默认会有顶部工具栏和右侧缩放按钮，可以通过src携带参数的方式屏蔽工具栏，缩放按钮没找到具体方法。如果不是很纠结缩放按钮，也可以采用这种方式嵌入pdf。

src="https://pdfobject.com/pdf/sample-3pp.pdf#scrollbar=0&toolbar=0&statusbar=0&page=2"

这里的page表示显示第2页