使用pdfobject.js

一、下載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>