android - React PWA 无法在 Chrome 中打开外部 PDF(Android)

Question

我有一个 React 渐进式 Web 应用程序，其中包含指向 PDF 文件的链接。该应用已使用 Google 横幅 (https://developers.google.com/web/updates/images/2015/12/getting-started-pwa/pwa-general-2-@1x.jpg) 添加到主屏幕，因此它被视为应用，而不是快捷方式。

问题是我无法从 Android 上安装的 PWA 打开 PDF 文件。我收到一条错误消息:Cannot open PDF (pdf_name.pdf cannot be opened)。

可以从常规浏览器(桌面或移动设备)打开 PDF。从 iOS 上的主屏幕应用程序打开也可以。

我的 PWA 托管在 app.domain.com，而 PDF 托管在 api.domain.com。

PDF 文件的链接如下所示:

<a rel="noopener" href="https://api.domain.com/pdf_name.pdf" 
   target="_blank">View PDF</a>

转到常规页面(而非文件)的外部链接有效。

有什么想法可能会阻止从应用内打开 Chrome？

Answer 1

我通过简单地删除目标属性来解决这个问题。无论如何它都会在新标签页中打开。对于 Android 上的 PWA，使用 target 属性指定新选项卡会导致错误。似乎当您手动指定一个新选项卡时，浏览器的 react 就好像有 2 个页面要下载，pdf 和一个空网页 (0 kb)。奇怪的是，Samsung Internet Browser 也执行此操作，但只是同时下载两者。 PWA Chrome 浏览器错误。