背景:有些协议是很复杂的表格形式给的,如果前端都自己转换成标签显示会特别浪费时间,这是个没有技术含量的苦力活,没意义;所以呢,我们可以通过iframe 标签来嵌套pdf文件展示
开发环境是Chrome+ ios手机,本地开发测试没问题,提测了
测试的小哥哥说我这安卓机咋不显示呢,一进页面就提示下载查看,能不能解决下
1. 为什么有些安卓机不展示pdf,提示下载查看?
原因肯定是因为安卓机不支持查看pdf。不是所有的PDF文件都可以阅读word文件转成的PDF与方正文件等转出来的PDF文件其内核不一样,有的下载了字体,有的字体要转曲,有的要有字库。
2. 如何让pdf在安卓机和ios机器都能正常显示,不提示下载
<iframe
width = "100%"
height = "420"
src = "http://docs.google.com/gview?embedded=true&url=自己的pdf文件地址"
></iframe>
3. 总结
问题的原因就是因为某些安卓机自己不支持查看pdf,所以我们用谷歌阅读器查看pdf
特别强调:
最近本人发现谷歌阅读器,挂了,所以此方法应该是行不通了;
但是有个小妙招,不会出很多兼容问题、跨域问题什么的,作为一个最low的备选方案是可以的,就是把PDF转成图片,然后加载图片就好了~