在手机端浏览pdf文件，遇到的问题整理

在起微信中预览文件

第一种方法：
直接使用a标签，将href属性的值赋为你想要展示的文件的路径地址。
我用自己的手机测试（android）时，主要要经过下面的流程
打开----->首先下载QQ浏览器（手机没有安装的情况下）----->点击下载文件（这个文件会在QQ）浏览器中的下载那里出现(不会直接显示出来需要自己点击)------>点击这个文件之后会询问使用手机上面那个软件打开（如：WPS Office，浏览器等）

第二种方法：不用下载文件，使用pdf.js插件，最后在canvas中将我们要展示的pdf文件的内容绘制出来
pdf.js官方地址：http://mozilla.github.io/pdf.js/
下面是我自己的代码：
css部分

.lightbox {
            position: fixed;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            z-index: 7;
            opacity: 0.3;
            display: block;
            background-color: rgb(0, 0, 0);
        }
        .page-btn {
            background-color:#fff;
            z-index:9;
        }
        .pop {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            z-index: 9;
        }
            .pop input {
                width:100px;
                padding:0px;
                height:30px;
            }
        canvas {
            width: 100%;
            height: 100%;
            border: 1px solid black;
        }

下面是html部分

<ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right" onclick="loadPdf()">在线查看文件</a