Closed yuxino closed 3 years ago
安卓微信浏览器不支持打开pdf。解决这个东西有个办法就是使用mozilla家的pdf.js。但是这玩意属实有点古老了用的还是gulp。虽然里边也有webpack的案例，但是没什么卵用。
mozilla
gulp
webpack
公司有个需求是在微信里面也要能打开pdf，那唯一的办法就是自己用js使浏览器支持pdf。样子倒是没太讲究能用就行，于是我魔改了官方example/mobile-viewer目录下的文件。单独导出在了自己的项目里。如果有人也有这个需求尽管fork或者克隆下来用就可以了，通过build打包出来就完事了。唯一可能要改的地方就是这一行
example/mobile-viewer
build
我在这里是想直接通过把query里面的url当做参数来展示pdf的。比如这样
query
url
http://mqpdf.surge.sh/?url=https://web.mit.edu/alexmv/6.037/sicp.pdf
但是貌似这个下载链接挂了，所以打不开了。换一个可用的pdf链接就能打开了。
还有一个可能会遇到的问题是，文件有跨域的问题，这个需要服务端和运维配合你修改，如果是自家的服务器，改一下很容易，如果不是自己家的话，可能你得开个代理服务器去做这个事情。
最终效果会是这样的
其实可以做得更完美一点，区分一下系统，iOS微信是支持pdf的。直接用自带的打开就好了，自带的有个好处，不会显示进度条，就是内个下载的进度条。而且打开速度也很快。这里木有做特意的区分，如果你需要的话可以fork项目直接修改做一个重定向, 或者直接在跳转之前在你项目里面做。
关于这个下载进度条，其实是这样的，因为pdf.js只能把pdf转成图片，大概是因为转成图片比处理pdf奇奇怪怪的样式之类的容易吧，它是一个同步的过程，需要读文件的IO，然后转，所以会有个进度条慢慢的在处理。
遇到大文件的时候速度可能会比较慢。
不过这个滚动条吧，我一开始是很排斥的，但是直到我有一天在百度云看书，发现百度云也有 ... 然后我就释怀了。
安卓微信浏览器不支持打开pdf。解决这个东西有个办法就是使用
mozilla家的pdf.js。但是这玩意属实有点古老了用的还是gulp。虽然里边也有webpack的案例，但是没什么卵用。公司有个需求是在微信里面也要能打开pdf，那唯一的办法就是自己用js使浏览器支持pdf。样子倒是没太讲究能用就行，于是我魔改了官方
example/mobile-viewer目录下的文件。单独导出在了自己的项目里。如果有人也有这个需求尽管fork或者克隆下来用就可以了，通过build打包出来就完事了。唯一可能要改的地方就是这一行我在这里是想直接通过把
query里面的url当做参数来展示pdf的。比如这样但是貌似这个下载链接挂了，所以打不开了。换一个可用的pdf链接就能打开了。
还有一个可能会遇到的问题是，文件有跨域的问题，这个需要服务端和运维配合你修改，如果是自家的服务器，改一下很容易，如果不是自己家的话，可能你得开个代理服务器去做这个事情。
最终效果会是这样的
其实可以做得更完美一点，区分一下系统，iOS微信是支持pdf的。直接用自带的打开就好了，自带的有个好处，不会显示进度条，就是内个下载的进度条。而且打开速度也很快。这里木有做特意的区分，如果你需要的话可以fork项目直接修改做一个重定向, 或者直接在跳转之前在你项目里面做。
关于这个下载进度条，其实是这样的，因为pdf.js只能把pdf转成图片，大概是因为转成图片比处理pdf奇奇怪怪的样式之类的容易吧，它是一个同步的过程，需要读文件的IO，然后转，所以会有个进度条慢慢的在处理。
遇到大文件的时候速度可能会比较慢。
不过这个滚动条吧，我一开始是很排斥的，但是直到我有一天在百度云看书，发现百度云也有 ... 然后我就释怀了。