首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Chrome DevTools中缺少的“添加到主屏幕”链接

Chrome DevTools中缺少的“添加到主屏幕”链接
EN

Stack Overflow用户
提问于 2019-09-27 05:02:35
回答 2查看 3.6K关注 0票数 5

与谷歌服务的合作可能令人沮丧。他们有令人难以置信的文档,但文档总是假设一切都正常。

如果有什么事情不像广告所说的那样起作用,你就完全靠自己了。没有错误信息,没有解决问题的帮助,甚至不承认某些东西可能不起作用。

以防万一:添加到主屏幕上

我已经设置好了所有的东西: https,服务人员等等,但是它不起作用。

像这个https://developers.google.com/web/ilt/pwa/tools-for-pwa-developers这样的教程显示,在Chrome DevTools -> Application -> Manifest中有一个“添加到主屏幕”的链接来尝试工作流,但是这个链接根本不存在。

我找不到任何说明如果缺少链接该怎么办的教程。

唯一的提示是使用灯塔审核页面。灯塔将应用程序显示为"Installable“。它“使用HTTPS",它”注册控制页面和start_url的服务工作者“和"Web清单满足可安装性要求”。全是绿色的。

什么会导致“添加到主屏幕”链接丢失,即使灯塔将页面描述为"Installable"?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-11-05 07:27:51

Google文档截图已经过时,Chrome在Dev Tools的Manifest选项卡中不再有“添加到主屏幕”的链接。

当前手动安装PWA的方法是使用地址栏中的"+“图标(如果网站满足添加到主屏幕条件)或使用Chrome菜单(右边三个点)并选择"Install”,其中AppName是网站名称。

下面有两个选项的屏幕截图(用于DEV社区门户网站):

如果您有兴趣了解更多有关PWAs、我写了一系列关于他们的文章的知识,从理论到具体的用例(与服务工作者一起缓存策略等)。

票数 14
EN

Stack Overflow用户

发布于 2019-11-04 22:03:52

我只是花了几个小时寻找同一个问题的答案。不管是什么原因我也没看到。但我注意到,对于Chrome中可安装的PWA应用程序,在地址栏的右侧有一个"+“图标,在收藏夹"star”图标旁边。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58128145

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档