无法在 Capacitor Ionic 的应用程序视图中打开 PDF 文件

Question

import { Plugins } from '@capacitor/core';

const { Browser } = Plugins;

Browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf', windowName:'_self' });

当 url 被指定为网站的 link 时，它可以正常工作，但当指定为 PDF 时则不能。如果需要任何更改，有人可以建议吗？我需要指定 rel 吗？如果是怎么办？在公开通话中没有要传递的此类密钥。收到的回复是 'NO enabled plugin supports this MIME type'.

Answer 1

InAppBrowser 不会处理 pdf 文件。你将不得不以其他方式使用它，

首先你可以简单地添加一个 href 这将打开用户默认浏览器.. 就像 android 它会在 [=25] 中打开这个 link =] 并且 ios 它将使用 safari。

<a  href="http://www.africau.edu/images/default/sample.pdf">open pdf</a>

第二种方法是使用文档查看器插件..我在下面添加了它的link

constructor(private document: DocumentViewer) { }

const options: DocumentViewerOptions = {
  title: 'My PDF'
}

this.document.viewDocument('http://www.africau.edu/images/default/sample.pdf', 'application/pdf', options)

https://ionicframework.com/docs/native/document-viewer

Answer 2

Capacitor 的 Browser 插件应该可以正常工作。尝试不指定 windowName.

// Capacitor v2
import { Plugins } from '@capacitor/core';
const { Browser } = Plugins;
Browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf'});

// or for Capacitor v3
import { Browser } from '@capacitor/browser';
Browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf'});

无法在 Capacitor Ionic 的应用程序视图中打开 PDF 文件

Unable to open PDF files in app view in Capacitor Ionic

capacitor

capacitor-plugin