在 Android Chrome 上使用 `target="blank"` 打开 PDF 失败

Question

我有一堆在新选项卡中打开的 PDF 链接。在桌面上，这非常有效。

但是，当使用手机时（仅在三星 Galaxy 上测试），PDF 链接只是瞬间打开一个新选项卡，然后关闭而不下载文件。

<a href="http://www.africau.edu/images/default/sample.pdf" target="_blank">
  Open PDF
</a> 
(this just quickly opens and closes a new tab when using Chrome on my Samsung Android)

JSfiddle | 代码笔

如何允许用户在桌面上的新选项卡中打开文件并在移动设备上下载它们？ （最好仅使用 HTML）

注意：删除

target="_blank"

并不能解决问题。

Answer 1

您最好通过 Google Doc Viewer 在移动浏览器中显示 pdf：

http://docs.google.com/gview?embedded=true&url=<url of your doc>

Answer 2

使 URL 相对于站点域

<a href="/sample.pdf" target="_blank">Open PDF</a> 
<!-- Not <a href="/example.com/sample.pdf>Open PDF</a> -->

这允许在 Google Chrome 应用程序（特别是三星）上毫无问题地下载链接。

Answer 3

我遇到了同样的问题，想知道为什么所选的答案有效。 重点不在于相对/绝对 URL，而在于您尝试从可能位于 HTTPS 下的网站开始打开 HTTP 上的静态资源。使用相对 url 可以神奇地达到同样的效果。

我通过纠正在我需要打开的 PDF 上强制使用 HTTPS 的链接来解决。