web-dev-qa-db-ja.com

iOS PWA:新しいウィンドウで強制的に開く方法

PWAをホーム画面に保存しました。これは、検索バーや下部のボタン(共有、タブなど)なしで標準で開きます。

したがって、すべてのリンクがPWA内で開かれ、それは予期されたとおりです。

Safariで「共有」ボタンとすべての下部バーを使用して通常開くPDFを表示するときに問題がありますが、PWAでは、下部バーと共有ボタンなしでPDFが開きます。

だから私の考えは、新しいサファリウィンドウでPDFリンク(http://www.mywebsite.com/download/pdf/12345)を開くことです。

PDF=)リンクにtarget="_blank"を付けてみましたが、問題は解決しませんでした。

また、safari://http://www.mywebsite.com/download/pdf/12345を使用してサファリでアプリを開くことで、iOSの動作を強制しましたが、運が悪かった。

リンクへの新しいSafariウィンドウを開くにはどうすればよいですか?

5
Mr.Web

Window.open(url)を使用してみてください。

ただし、必ずonclickイベント属性を持つ要素に配置してください。

例えば、

<button class='btn' onclick='window.open("https://www.google.com", "_blank");'>Open Google search</button>

参照: window.open(url、 '_blank'); iMac/Safariでは機能しない

[〜#〜]編集[〜#〜]

Manifest.jsonにscopeを設定して、外部リンクを開く場所をカスタマイズできます。

プロパティスコープで https://developers.google.com/web/fundamentals/web-app-manifest を参照できます。

1
brendan