0

0

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

畫卷琴夢

畫卷琴夢

发布时间:2026-01-24 20:01:02

|

328人浏览过

|

来源于php中文网

原创

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

chrome浏览器如何创建桌面快捷方式 谷歌浏览器为网站创建独立窗口【pwa】

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

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

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

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

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

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

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

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

二、安装为PWA并启用独立窗口

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

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

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

Andi
Andi

智能搜索助手,可以帮助解决详细的问题

下载

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

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

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

三、手动触发PWA安装(适用于隐藏安装入口的站点)

部分符合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安装流程)。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

822

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

739

2023.11.06

http与https有哪些区别
http与https有哪些区别

http与https的区别:1、协议安全性;2、连接方式;3、证书管理;4、连接状态;5、端口号;6、资源消耗;7、兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2057

2024.08.16

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

117

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

178

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

16

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

70

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何进行WebSocket调试
如何进行WebSocket调试

共1课时 | 0.1万人学习

TypeScript全面解读课程
TypeScript全面解读课程

共26课时 | 5万人学习

前端工程化(ES6模块化和webpack打包)
前端工程化(ES6模块化和webpack打包)

共24课时 | 5.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号