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

Question

我有一堆在新标签页中打开的 PDF 链接。在桌面上，这完美地工作。

但是，当使用移动设备时 phone（仅在三星 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 | CodePen

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

注意：删除 target="_blank" 并不能解决问题。

Answer 1

您最好通过 Google 文档查看器在移动浏览器中显示 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 应用程序（特别是三星）上毫无问题地下载。

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

Opening PDF's using `target="blank"` fails on Android Chrome

pdf

android

google-chrome