技术解析

移动端 H5 有什么好的方式可以直接预览 word、Excel、ppt 等文件
0
2021-09-03 10:05:32
idczone

微软提供了一个在线预览的页面,https://view.officeapps.live.com/op/view.aspx?src=

在 PC、移动端 表现都很好,不过在移动端会存在一个问题,估计是因为在移动端的样式不一样,所以使用这个方式预览之后,会重定向到另一个页面,而 里面的 js 是直接 window.top.href 来给浏览器最上层重定向的。即便我用 iframe 嵌套也会让我当前的页面其他内容看不见了。

1.开始想着直接把重定向之后的地址拿出来,看看能不能直接拼装成这种地址。尝试之后发现,这个地址是实时生成的,没办法拼


各位有什么好的办法吗?

类似: https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fteacher.91yixi.com%2FW008%2F1.xls

Chrome 通过 DevTool 模拟移动端访问就可以复现这个问题

这个预览就是 office online server 吧。可以自己搭建一个 office online server 2016

搭建的也是这个服务吧,那应该也就会出现同一个问题,这个重定向的原因应该是因为移动端屏幕小,需要一个跟紧凑一点的布局页面来显示内容。
是不是自己部署能修改里面的代码,其实只要能把里面的 window.top.href 改成 window.href 就能在外面通过 iframe 解决了

预览 pdf 不行吗

直接用 Google doc 打开?

pdf 预览有 pdf.js
还有 office 三件套呢

google doc 不得翻墙嘛,不能让每个用户都翻墙吧
数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服