使用PWA在iOS 11.3中打开PDF的问题

Question

我在PWA中使用了Vuejs和Framework7。我想在我的PWA中打开一个远程PDF文件，这对我来说很重要，用户在打开PDF之后能够返回我的PWA。我这样做是：

window.open(pdf_url, "_blank");

它在iOS> 12上运行良好，打开pdf文件后，有一个“确定”按钮用于关闭pdf。

但是例如在iOS 11.3中，没有按钮，用户必须使用主页按钮来关闭PWA。

我尝试使用iframe解决问题，但是我只能显示pdf的首页。

有什么办法可以解决此问题？

Answer 1

您可以通过一些技巧（对于没有后退按钮的任何设备）解决此问题：

1. 如果您使用iframe，则可以通过溢出滚动手动设置高度，我认为这可以解决问题（样式依赖性或lib依赖性，因此可能不起作用）。
2. 您可以在导航栏或工具栏上添加后退按钮，以使用户单击它可以返回上一页。 （我更喜欢这种解决方案）。
3. 您可以在嵌套在普通html页面中的弹出窗口中呈现pdf，然后可以通过处理后退按钮或通过回退叠加来关闭关闭来自定义弹出窗口组件。

我在实际项目中使用了第二点和第三点，并且效果很好...

这是弹出窗口中使用的示例关闭按钮代码：

'<p><a href="#" class="button button-small popup-close">'+ i18nextHelper.i18next.t('Exit From PDF') +'</a></p>'

注意：您也可以仅针对pdf页面自定义高度页面，并在其下方添加常规按钮，或者通过在PDF上方添加绝对定位按钮，但是我认为如果使用第二点或第三点将是最好的。

祝你好运。