最近做了一個需求，需要實現pdf文件的預覽，但是只是提供預覽功能，不需要展示相關的工具欄，所以需要把工具欄隱藏掉。我用的插件是pdf.js
官網地址：http://mozilla.github.io/pdf.js/
中文文檔地址：https://gitcode.gitcode.host/docs-cn/pdf.js-docs-cn/print.html
1、pdf.js包的目錄結構
├── build/
│ ├── pdf.js - 顯示層
│ ├── pdf.js.map - 顯示層source map
│ ├── pdf.worker.js - 核心層
│ └── pdf.worker.js.map - 核心層source map
├── web/
│ ├── cmaps/ - character maps (required by core)
│ ├── compressed.tracemonkey-pldi-09.pdf - PDF文件，用于測試目的
│ ├── debugger.js - 用于debug
│ ├── images/ - 圖標
│ ├── locale/ - 本地化文件
│ ├── viewer.css - 樣式
│ ├── viewer.html - 用于展示的html文件
│ ├── viewer.js - 展示層
│ └── viewer.js.map - 展示層source map
└── LICENSE
2、怎么把工具欄隱藏掉呢？
我直接采用的是樣式隱藏的方式，修改了pdf.js的css源碼，
在viewer.css中有關于工具欄的樣式，class類名為toolbar（可以在viewer.css中全局搜.toolbar）
.toolbar{position: relative;z-index: 9999;cursor: default;...
}
可以給.toolbar加一個display: none; 把工具欄全部隱藏掉； 代碼如下：
.toolbar{display: none;position: relative;z-index: 9999;cursor: default;...
}
當然也可以通過js中設置一些屬性值來進行控制，這個后面會做總結；
)
)
