在 Android 浏览器上嵌入谷歌文档查看器 iframe

Posted 2023-02-23

【中文标题】在 Android 浏览器上嵌入谷歌文档查看器 iframe

【英文标题】：embedded google docs viewer iframe on android browser

【发布时间】：2014-08-14 12:38:26

【问题描述】：

我有一个网站，我在其中嵌入了一个显示 pdf 的 Google docs iframe。

与台式计算机连接时，iframe 可以正常工作并显示嵌入的 pdf。

当与安卓浏览器连接时，pdf 会在本地下载，而 iframe 保持为空。知道如何在浏览器中显示 pdf 吗？

这是 iframe：

<iframe style="position: relative; width: 100%; height: 450px" src="/1420-3049/19/6/8691/pdf?view=inline" type="application/pdf">

提前谢谢你。

【问题讨论】：

这对我在 android 4.4 KitKat 上的 Chrome 来说很好用，在用我可以测试的 URL 替换你的相对 URL 之后，比如这个：docs.google.com/…你在用哪个版本的 Android 来尝试这个？什么是确切的 Google 文档查看器 URL？您使用哪种重定向来获取文档查看器 URL？

【参考方案1】：

尝试使用其他浏览器来确定问题。例如 Opera（不是 mini），将浏览器内的 User-Agent 设置为 Desktop。如果这可以正常工作，则问题出在服务器端（服务器将您的用户代理确定为移动设备并返回空 iframe 正文）。

【参考方案2】：

尝试固定 iframe 的高度和宽度。我读到滚动 iframe 有很多问题。所以尝试将 iframe 适配到屏幕内。

看看this。

【讨论】：

答案不适合我的问题。我写道：“我有一个网站，我在其中嵌入了一个显示 pdf 的 Google docs iframe。”，那里没有 android 应用程序。我只使用 android 内置浏览器打开我的网站。

作为答案听起来更好。谢谢你。我会测试它并返回结果。