一、下载pdfobject.js
二、CSS样式
<style type="text/css">
html,
body,
#pdf_viewer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
三、html部分
<div id="pdf_viewer"></div>
四、js
<script type="text/javascript">
if (PDFObject.supportsPDFs) {
//设置隐藏谷歌浏览器上方的顶部条
var options = {
pdfOpenParams: {
pagemode: "thumbs",
toolbar: 0,
navpanes: 0,
statesbar: 0,
view: 'FitV'
}
}
// PDF嵌入到网页
PDFObject.embed("a.pdf", "#pdf_viewer", options);
} else {
location.href = "/canvas";
}
</script>