Chrome浏览器如何创建桌面快捷方式谷歌浏览器为网站创建独立窗口【PWA】_网络技术

发布时间 - 2026-01-24 00:00:00 点击率：次

Chrome提供两种将网站固定为桌面应用的方式：一是创建传统桌面快捷方式，在浏览器窗口中打开；二是安装为PWA，获得独立窗口、离线等原生体验，需网站支持Manifest且启用HTTPS。

如果您希望将常用网站以独立应用窗口的形式固定在桌面，Chrome浏览器提供了两种主要方式：传统桌面快捷方式和渐进式网页应用（PWA）独立窗口。以下是实现这两种功能的具体步骤：

一、创建传统桌面快捷方式

该方式生成一个指向Chrome启动参数的快捷方式，点击后在标准浏览器标签页中打开目标网站，不脱离浏览器主进程。

1、在Chrome中打开目标网站，确保地址栏显示完整URL且页面已完全加载。

2、点击浏览器右上角三个垂直点图标，打开菜单。

3、在下拉菜单中选择“更多工具” → “创建快捷方式…”。

4、在弹出对话框中，确认网站名称，勾选“在窗口中打开”选项（此选项决定是否启用独立窗口外观，但非PWA模式）。

5、点击“创建”按钮，系统将在桌面自动生成快捷方式图标。

当目标网站支持Web App Manifest且满足Chrome的PWA安装条件时，可注册为渐进式网页应用，获得类原生应用体验，包括独立窗口、任务栏图标、离线能力等。

1、访问目标网站，确保其使用HTTPS协议，并已部署有效的web app manifest文件。

2、在Chrome地址栏右侧查找“+”号图标或“安装”图标（若未出现，说明当前站点未通过PWA检测）。

3、点击该图标，弹出安装提示框，显示应用名称、图标及权限说明。

4、点击“安装”按钮，Chrome将下载必要资源并在开始菜单/应用程序目录中注册该PWA。

5、安装完成后，在桌面或开始菜单中找到对应图标，双击运行即以无地址栏、无标签页的独立窗口启动。

部分符合PWA标准的网站可能因用户交互不足或Chrome策略未自动显示安装按钮，此时可通过开发者工具强制触发安装流程。

1、在目标网站页面按F12键打开开发者工具。

2、切换至“

Application”选项卡，左侧导航栏点击“Manifest”。

3、确认右侧显示有效manifest信息（含name、icons、start_url等字段），且状态栏显示“Progressive Web App”绿色标识。

4、返回页面，右键空白处，选择“检查”后再次打开Application面板，点击左上角“Installability”子项。

5、若显示“Installable”，点击下方“Add to home screen”按钮（桌面版Chrome中该操作将直接触发PWA安装流程）。