当您从 chrome 访问时，如何防止 target="_blank" 链接被 PWA 应用程序打开？答案

【问题标题】：How to prevent target="_blank" links from opening by PWA app while you visit from chrome?当您从 chrome 访问时，如何防止 target="_blank" 链接被 PWA 应用程序打开？
【发布时间】：2019-09-12 15:07:19
【问题描述】：

当我尝试从 Android 移动设备上的 Chrome 76/77 打开时，我的网站项目上的某些链接具有 target="_blank" ，所有外部链接都由安装的 PWA 应用程序打开（添加到主屏幕）。我需要在新选项卡中打开我的链接，而不是在 PWA 应用程序中打开它。

我也尝试在我的清单文件中设置 'scope': 但它没有解决我的问题。也许我可以更改另一个属性来防止这种行为。

{
  "name": "PWA reproducer",
  "short_name": "PWA reproducer",
  "description": "PWA reproducer",
  "orientation": "portrait",
  "background_color": "#d0112b",
  "theme_color": "#d0112b",
  "icons": [
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen48.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen168.png",
      "sizes": "168x168",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "https://reproducer-domain.com/images/logos/homescreen512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "display": "standalone",
  "prefer_related_applications": false,
  "start_url": "https://reproducer-domain.com/?utm_source=homescreenPWA",
}

希望在新标签页中打开 target="_blank"，而不是通过移动设备上 Chrome 中的 PWA 应用打开。

【问题讨论】：

标签： javascript service-worker progressive-web-apps manifest.json mobile-chrome

【解决方案1】：

最终，这将包含在https://github.com/WICG/sw-launch/blob/master/explainer.md 概述的提案中

我建议订阅该存储库的更新以了解更多详细信息。

Chrome Status entry 跟踪 Chrome 的最终实现。

不过，在撰写本文时，您还没有太多控制权。

【讨论】：