谷歌浏览器怎么创建独立应用窗口_谷歌浏览器如何将网页作为独立APP窗口打开【详解】

2026-04-07电脑系统230225

Chrome支持五种方式将网页转为独立窗口:一、创建快捷方式并勾选“作为窗口打开”;二、通过地址栏安装PWA;三、手动在快捷方式目标路径添加--app参数;四、命令行调用chrome.exe --app=URL;五、启用chrome://flags/#web-app-universal-install实验标志。

如果您希望将某个网页以脱离浏览器主界面、无地址栏和标签页的独立窗口形式运行,Chrome 提供了多种原生支持方式。以下是实现该效果的具体操作步骤:

一、通过“创建快捷方式”功能生成独立窗口

此方法利用 Chrome 内置的快捷方式创建机制,将网页封装为桌面可执行图标,并在启动时以最小化 UI 的独立进程窗口打开,适用于任意 HTTPS 或 HTTP 网页,无需网站具备 PWA 能力。

1、在 Chrome 浏览器中打开目标网页,确保页面已完全加载且 URL 显示正确。

2、点击浏览器右上角的三点垂直菜单按钮,展开更多选项。

3、将鼠标悬停在“更多工具”上,等待子菜单弹出。

4、在子菜单中选择“创建快捷方式…”选项。

5、在弹出的对话框中,确认快捷方式名称,然后务必勾选“作为窗口打开”复选框

6、点击“创建”按钮,系统将在桌面或指定位置生成一个可执行的快捷方式图标。

二、通过地址栏安装图标启用 PWA 独立应用

当目标网站已部署有效的 Web App Manifest 文件并注册 Service Worker 时,Chrome 会自动识别其 PWA 属性,并在地址栏右侧提供安装入口。安装后,该网页将以完整独立应用形态运行,拥有专属任务栏图标、离线能力及系统级通知权限。

1、使用 Chrome 访问目标网站,例如 https://mail.google.comhttps://notion.so

2、观察地址栏右侧是否出现加号(+)图标或拼图形状的应用图标。

3、点击该图标,弹出“安装 [网站名称]”提示框。

4、检查应用名称与图标是否匹配,确认无误后点击“安装”按钮。

5、安装完成后,可在 Windows 开始菜单、macOS 启动台或桌面自动生成的图标中直接启动,运行时无浏览器边框与导航控件。

三、手动编辑快捷方式目标路径添加 --app 参数

该方法绕过图形界面,直接通过修改快捷方式的启动命令行参数,强制 Chrome 以应用模式加载指定网址。适用于需精确控制窗口行为、禁用开发者工具或屏蔽右键菜单等进阶场景。

1、在桌面或文件夹中找到已创建的网站快捷方式(如通过方法一生成)。

MonkeyCode

企业级AI开发平台,全新的AI编程体验,让你的研发团队效率Max

下载

2、右键点击该快捷方式,选择“属性”(Windows)或“显示简介”(macOS)。

3、在“目标”(Windows)或“通用 > 位置”(macOS)字段末尾添加空格后追加:--app=https://example.com,并将 URL 替换为实际目标地址。

4、在 Windows 中需确保整个路径被英文双引号包裹,例如:"C:\Program Files\Google\Chrome\Application\chrome.exe" --app=https://calendar.google.com

5、点击“确定”或“好”保存更改,双击该快捷方式即可启动纯净应用窗口。

四、使用命令行直接调用 Chrome 应用模式

此方式不依赖已有快捷方式,适合临时快速开启网页应用窗口,尤其适用于 macOS 用户通过终端或 Windows 用户通过命令提示符/PowerShell 执行。

1、确保所有 Chrome 窗口均已关闭,避免参数冲突。

2、在 macOS 上打开“终端”,在 Windows 上打开“命令提示符”或“PowerShell”。

3、输入以下命令并回车执行:open -a "Google Chrome" --args --app=https://目标网址(macOS);或start chrome.exe --app=https://目标网址(Windows,需确保 chrome.exe 在系统路径中)。

4、Chrome 将立即启动一个独立进程窗口,任务栏/程序坞中显示单独图标,且不与主浏览器窗口共享标签页或地址栏

五、启用实验性标志解锁通用安装功能

部分网站虽满足 PWA 基础条件(如 manifest.json 存在、HTTPS 可用),但因 Chrome 安装策略限制未显示安装入口。启用实验性标志可强制激活“将页面安装为应用”选项,扩大适用范围。

1、在 Chrome 地址栏中输入:chrome://flags/#web-app-universal-install 并按回车。

2、定位到“Web App Universal Install”条目,点击右侧下拉菜单,选择“Enabled”。

3、点击页面底部的“重新启动”按钮,使设置生效。

4、重启后访问目标网站,在右上角三点菜单中查找“将页面安装为应用”或“安装 [网站名]”选项。

5、点击该选项并完成安装流程,后续即可通过桌面图标以独立窗口运行。

本文地址:https://www.ufcn.cn/article/2298943.html

如非特殊说明,本站内容均来自于网友自主分享,概不代表本站观点,如有任何问题我们都将在收到反馈后的第一时间进行处理!