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

时间:2018-02-22 09:39:12

标签: android reactjs pdf progressive-web-apps

我有一个React渐进式网页应用,其中包含指向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在应用内打开?

1 个答案:

答案 0 :(得分:0)

我通过简单地删除目标属性来解决此问题。无论如何,它将在新标签页中打开。对于Android上的PWA,使用target属性指定新标签会导致错误。看来,当您手动指定一个新选项卡时,浏览器会做出反应,好像有2个页面要下载,即pdf和一个空白网页(0 kb)。奇怪的是,三星Internet浏览器也可以执行此操作,但是只需下载两者即可。而是PWA Chrome浏览器错误。