如何在使用Chrome访问网页时,防止PWA应用程序打开target="_blank"链接?

7

我的网站项目中的一些链接有target="_blank"属性,当我在Android移动设备上使用Chrome 76/77尝试打开它时,所有外部链接都会通过已安装的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",
}

期望在移动设备上使用Chrome浏览器时,通过PWA应用打开链接时,在新标签页中打开target="_blank"链接而不是在PWA应用中打开。

1个回答

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接