您可以通过在查询字符串中传递一些选项来控制PDF在浏览器中的显示方式。我很高兴能这样工作，直到我意识到它不能在IE8中工作。：(

它适用于Chrome 9和Firefox 3.6，但在IE8中，它会显示“如果PDF文件无法显示，请在此处插入错误消息”的消息。

不过，我还没有测试上述任何浏览器的旧版本。但这是我的代码，希望能帮到大家。这将缩放设置为85%，删除滚动条，工具栏和导航窗格。如果我发现IE中也能运行的东西，我会更新我的帖子。

<object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
</object>

构造一个输入PDF字节的blob 使用跨浏览器补丁的iframe和PDF.js 解决方案

iframe的URI应该是这样的:

/viewer.html?file=blob:19B579EA-5217-41C6-96E4-5D8DF5A5C70B

现在FF, Chrome, IE 11和Edge都在iframe中显示PDF，通过URL中的标准blob URI传递。

如果可能的话，使用本机解决方案，它总是最好的解决方案，因为它来自本机浏览器(使用embed或iframe)，或者你可以使用这个小库来支持你:https://pdfobject.com

大多数人推荐使用著名的pdf。js。它一直工作得很好，直到我需要使用ShadowDOM。有些页面是空白的(白色)，有些是黑色的。我不可能知道发生了什么，而且它正在制作中:)。

创建一个容器来保存PDF < div id = "例二" > < / div > 告诉PDFObject要嵌入哪个PDF，以及在哪里嵌入它 < script src = " / js / pdfobject.js " > < /脚本> > <脚本PDFObject.embed(“/ pdf / sample-3pp.pdf”、“#例二”),> < /脚本 您可以选择使用CSS来指定视觉样式，包括尺寸、边框、页边距等。 <时尚> .pdfobject-container{高度:500px;} .pdfobject {border: 1px solid #666;｝ > < /风格

来源:https://pdfobject.com/

现代的“完整页面截图”服务或脚本如今能够生成完整HTML和PDF页面的长屏幕截图，并将其转换为JPG或PNG文件，然后可以作为img元素嵌入。

看看这段代码-将PDF嵌入HTML

<!-- Embed PDF File -->
<object src="YourFile.pdf" type="application/pdf" title="SamplePdf" width="500" height="720">
    <a href="YourFile.pdf">shree</a> 
</object>