私はこのPWAを持っており、ユーザーはリンクをクリックしてPDF形式のレポートを生成できます。ファイルが開いたら、ファイルを閉じる[OK]ボタンがありますが、それ以上はありません。ユーザーがファイルをホーム画面に追加すると、この動作が発生します。
https://i.redd.it/24rbih326q931.jpg
単純なHTMLタグを試しましたが、この場合、ファイルを閉じてもOKでなくても、アプリを再起動する必要があります。Javascriptを使用する場合function window.open()
、ファイルを閉じるオプション「OK」がありました。
<img src="pdf.png" onclick='geraPDF(1045, 45)'>
function geraPDF(c, v){var jan=window.open("geraPdfTermoAdesao.php?c="+c+"&v="+v, "adesao", "location: 0;");}
そのPDFファイルを印刷、共有、またはローカルに保存するオプションをユーザーに提供したいと思います。同じアプリがSafariタブで使用されている場合、私はそれらのオプションを無責任にします。
編集16/07 / 2019Safariがついにタグのバグを克服しているようです:iOS:ダウンロード属性のサポートを追加します。これにより、ダウンロードタグが再び機能するようになります。
PWAをホーム画面に「インストール」するとdisplay
、Webアプリマニフェストのプロパティで選択された値に従ってレンダリングされます(詳細はここで確認できます)が、それ以外は通常のWebアプリケーションとして1:1です。
したがって、ページと対話するためのHTML要素を提供する場合(私があなたの質問を正しく理解した場合)、それらを自分で実装する必要があります。最終的には、カスタムメニューまたはヘッダーバーを実装できます。
更新
一般に、PWA内で外部リンクを開く場合は、ユーザーエクスペリエンスを向上させるために、PWAではなくブラウザーで開く必要があります。通常、ユーザーはPWAコンテキストに留まりたいと考えています。さらに、PDFをアプリの内部または一部ではない別のページで開いた場合、ブラウザーによってデフォルトで提供されるデフォルトのボタン以外に、追加のボタンを設定することはできません。
私が提案するのは、アプリケーションのdiv / container内でPDFを開いて(おそらくそれを許可するさまざまなライブラリーがあります)、必要なUI要素を追加することです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加