# pdfjs

PDF.js是一款基于HTML5建立的PDF阅读器,兼容移动端与PC端大部分主流的浏览器。

# 1. 下载插件

下载地址:http://mozilla.github.io/pdf.js/getting_started/#download (opens new window)

# 2. 放置文件

将需要预览的xxxxxx.pdf文件放到pdfjsweb目录下
同级目录

# 3. 建立index.html文件

index.html文件需与pdfjs目录同级
同级目录

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>pdfjs</title>
</head>

<body>
    <script>
        /**
         * 该文件放到pdfjs/web/下
         * 该url地址也可以是一个线上pdf文件
         */
        let url = 'xxxxxx.pdf'; 
        window.open("pdfjs/web/viewer.html?file=" + url);
    </script>
</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# 4. 文件预览

# 本地服务预览

vscode装个插件:Open with Live Serve,成功后鼠标右键通过该本地服务打开即可

# github静态站搭建预览

1)先在github上新建个项目,然后把本地代码上传
2)然后在github上进行配置,关联分支即可
github分支关联