主页 / computer / 问题 / 1888443
Accepted
Emilie Lalala
Asked: 2025-03-25 20:10:05 +0800 CST

如何在 Windows 11 上通过 Microsoft Edge 安装的 PWA 打开新窗口时删除地址/信息栏

  • 772

如何在 Windows 11 上通过 Microsoft Edge 安装的 PWA 打开新窗口时删除地址/信息栏

我在 Windows 11 上通过 Edge 安装了渐进式 Web 应用程序 (PWA)。当我单击按钮从主应用程序打开新窗口时，顶部会出现一个地址/信息栏，我想将其删除。

在此处输入图片描述

之前这个栏是不可见的，我知道可以隐藏它。问题似乎出在 Edge 的设置上，而不是我的应用程序代码上。

具体细节：

  • 操作系统：Windows 11
  • 浏览器：Microsoft Edge
  • 应用类型：从 Edge 安装的 PWA
  • 问题：新窗口中不需要的地址/信息栏
  • 期望结果：打开新窗口时没有地址栏，类似于主应用程序窗口

我尝试更改 window.open() 的设置，但仍然出现这个提示：“我还查看了应用程序权限，但没有任何效果。” 您对如何配置 Edge 或 PWA 来移除这个提示有什么建议吗？

我的声誉不够，无法放置栅栏屏......

windows

1 个回答

  1. Best Answer

    经过多次测试，我终于找到了一个解决方案，可以在我的应用中添加一个 PWA 插件。具体步骤如下：

    步骤

    1. 安装 Vite 的 PWA 插件

      npm install -D vite-plugin-pwa

    2. vite.config.js在文件中配置插件

      import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';
import { VitePWA } from 'vite-plugin-pwa';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    VitePWA({
      registerType: 'autoUpdate',
      manifest: {
        name: 'My app',
        short_name: 'mp',
        start_url: '/',
        display: 'standalone',
        background_color: '#000000',
        theme_color: '#5699ff',
        lang: 'en',
        scope: '/',
      },
    }),
  ],
});

    3. 构建应用程序

      npm run build

      该命令manifest在dist文件夹中生成一个文件。

    4. 验证manifest文件 在manifest文件中，验证display配置是否正确：

      {
  "display": "standalone"
}

    5. 然后最后把pwa放回去

    来源

    • 0

相关问题