首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Chrome和Edge浏览器中安装PWA并获取跳转列表

PWA是渐进式Web应用程序,从本质上讲,它是开发人员为网站或服务提供桌面快捷方式的一种方式。

使用最新的Canary版本的Chrome和Edge,可以直接从跳转列表中选择PWA的选择选项。

右键单击任务栏上的应用程序图标时,将获得“跳转列表”菜单。

最近,Google和Microsoft在Chrome和Edge的跳转列表中增加了对PWA的支持。

一、如何安装PWA并在Chrome中启用跳转列表?

首先,启用已安装的PWA,以包含与Chrome中的应用程序图标相关联的快捷菜单。

1.打开Google Chrome Canary,然后在地址栏中输入chrome://flags/。

2.在下一个窗口中,在搜索栏中输入#enable-desktop-pwas-app-icon-shortcuts-menu或向下滚动直到找到该功能。

3.最后,单击右侧的按钮并将其设置为启用,然后重新启动浏览器。

二、如何在Chrome中安装PWA并查看其跳转列表?

现在,需要转到PWA并进行安装。Google已经准备了一个测试网站sadchonks.com,因此我们将继续使用它。

1.打开网站后,在地址栏的右侧将看到一个加号,点击它。

2.看到一个对话框,询问您是否要安装该应用程序,点击安装。

3.在任务栏上会看到应用程序图标,右键单击它,将看到所有可能的选项。可以看到所有新图片,已保存的选择,可以将其固定在任务栏上。

三、如何安装PWA并在Edge中启用跳转列表?

首先,与使用Chrome相同,需要在Edge Canary中启用桌面PWA。

1.打开Edge Canary,然后在地址栏中键入edge://flags/ 。

2.在下一个窗口中,在搜索栏中输入#enable-desktop-pwas-app-icon-shortcuts-menu或向下滚动直到找到该功能。

3.最后,单击右侧的按钮并将其设置为启用,然后重新启动浏览器。

四、如何在Edge中安装PWA并查看其跳转列表?

为了进行此实验,我们将使用Google提供的相同PWA,即sadchonks.com。

1.打开网站后,单击地址栏右边的加号按钮,然后选择安装该应用程序。

2.右键单击任务栏上的应用程序图标,将看到选项,就像使用Chrome浏览器安装它一样。

如果将PWA与Chrome或Edge一起安装,则还将在开始菜单中看到该应用程序。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200605A08KOD00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券