【移动端】手机端如何让其pdf自适应屏幕显示，无需下载插件

今天在做项目的过程中，遇到一个需求。在手机端需要实现pdf的显示，点击退出按钮的时候，计算他在页面停留的时长并返回给后台。这个需求的难点在于，如何在手机端显示pdf文件。我们都知道在PC端，使用iframe嵌套，src地址为.pdf即可实现。但是手机端直接这样是不行的。在网上查找了很多资料，终于找到了一个方法 kkFileView。

1、kkFileView文档

2、文件预览项目接入和测试界面

---

如有不懂的，可以好好阅读一下官方文档。

对于前端开发是特别友好的，不需要下载任何插件，只需要后台开发帮忙配置一个服务器地址即可。

HTML：

<iframe frameborder="0"
	@click="show = false"
	:src="'https://file.keking.cn/onlinePreview?url='+ formData.filefullpath + '&officePreviewType=pdf&watermarkTxt='+ ''"
	width='100%'
	height="100%">
</iframe>

代码中，formData.filefullpath 是 pdf路径，&officePreviewType=pdf  是指默认转为pdf格式，之后也可以添加自己的部分参数。

https://file.keking.cn/onlinePreview 是服务器地址，可以找后台开发人员看着官方文档帮忙配置一下。